1
2
3
4
5
6
render Fluxbit::ButtonComponent.new( color: color, pill: pill, size: size.to_i, class: 'w-full').with_content("A button")<button class="text-white bg-blue-700 border border-transparent enabled:hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 group flex items-center justify-center p-0.5 text-center font-medium relative focus:z-10 focus:outline-hidden rounded-lg text-sm p-1.5 w-full">A button</button>render Fluxbit::ButtonComponent.new( color: color, pill: pill, size: size.to_i, class: 'w-full').with_content("A button")You can use this component to display a message to the user
| Param | Description | Input |
|---|---|---|
|
Color |
|
|
|
Pill |
|
|
|
size |
|
<lookbook-embed app="https://fluxbit.arthurmolina.com/lookbook/" preview="ButtonComponentPreview" scenario="playground"></lookbook-embed>