x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<div class="buttons">
<button type="submit" class="button is-white">
White
</button>
<button type="submit" class="button is-light">
Light
</button>
<button type="submit" class="button is-dark">
Dark
</button>
<button type="submit" class="button is-black">
Black
</button>
<button type="submit" class="button is-text">
Text
</button>
<button type="submit" class="button is-ghost">
Ghost
</button>
</div>
<div class="buttons">
<button type="submit" class="button is-primary">
Primary
</button>
<button type="submit" class="button is-link">
Link
</button>
<button type="submit" class="button is-info">
Info
</button>
<button type="submit" class="button is-success">
Success
</button>
<button type="submit" class="button is-warning">
Warning
</button>
<button type="submit" class="button is-danger">
Danger
</button>
</div>
<div class="buttons">
<button type="submit" class="button is-light is-primary">
Primary
</button>
<button type="submit" class="button is-light is-link">
Link
</button>
<button type="submit" class="button is-light is-info">
Info
</button>
<button type="submit" class="button is-light is-success">
Success
</button>
<button type="submit" class="button is-light is-warning">
Warning
</button>
<button type="submit" class="button is-light is-danger">
Danger
</button>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div class="buttons">
<%= bulma_button(color: :white) { "White" } %>
<%= bulma_button(color: :light) { "Light" } %>
<%= bulma_button(color: :dark) { "Dark" } %>
<%= bulma_button(color: :black) { "Black" } %>
<%= bulma_button(color: :text) { "Text" } %>
<%= bulma_button(color: :ghost) { "Ghost" } %>
</div>
<div class="buttons">
<%= bulma_button(color: :primary) { "Primary" } %>
<%= bulma_button(color: :link) { "Link" } %>
<%= bulma_button(color: :info) { "Info" } %>
<%= bulma_button(color: :success) { "Success" } %>
<%= bulma_button(color: :warning) { "Warning" } %>
<%= bulma_button(color: :danger) { "Danger" } %>
</div>
<div class="buttons">
<%= bulma_button(color: :primary, light: true) { "Primary" } %>
<%= bulma_button(color: :link, light: true) { "Link" } %>
<%= bulma_button(color: :info, light: true) { "Info" } %>
<%= bulma_button(color: :success, light: true) { "Success" } %>
<%= bulma_button(color: :warning, light: true) { "Warning" } %>
<%= bulma_button(color: :danger, light: true) { "Danger" } %>
</div>