Buttons
Solid
Button Elements
Anchor Elements
Hollow
Button Elements
Anchor Elements
Bar
Button Elements
Anchor Elements
Icon
Button Elements
Anchor Elements
Opaque
Button Element
Anchor Element
Layout Options
Default
By default, a button's width is based on its content, with its maximum with being the width of its container.
Resize the width of the container below to view how a button acts with different container sizes.
Button Elements
Anchor Elements
Wide
You can also implement the "wide" modifier to ensure that the button uses the full width of its container.
Resize the width of the container below to view how a wide button acts with different container sizes.
Button Element
Anchor Elements
Slim
You can also implement the "slim" modifier to decrease the overall size of the button.