Skip to content

Commit 1e4e31c

Browse files
committed
Add preview with button sizes
1 parent 569d8c8 commit 1e4e31c

File tree

1 file changed

+28
-0
lines changed

1 file changed

+28
-0
lines changed

demo/test/components/previews/button_preview.rb

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,34 @@ def purple
4242

4343
# @!endgroup
4444

45+
# @!group Sizes
46+
#
47+
# Use these examples if you want to use smaller or larger buttons.
48+
#
49+
# @display classes flex flex-wrap
50+
51+
def xs_button
52+
render(Flowbite::Button.new(label: "XS", size: :xs))
53+
end
54+
55+
def sm_button
56+
render(Flowbite::Button.new(label: "SM", size: :sm))
57+
end
58+
59+
def default_button
60+
render(Flowbite::Button.new(label: "Default", size: :default))
61+
end
62+
63+
def lg_button
64+
render(Flowbite::Button.new(label: "LG", size: :lg))
65+
end
66+
67+
def xl_button
68+
render(Flowbite::Button.new(label: "XL", size: :xl))
69+
end
70+
71+
# @!endgroup
72+
4573
# @!group Pills
4674
#
4775
# The button pills can be used as an alternative style by using fully rounded edges.

0 commit comments

Comments
 (0)