x
1
<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>
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")
Fluxbit::ButtonComponent
You can use this component to display a message to the user
Param | Description | Input |
---|---|---|
Color |
|
|
Pill |
|
|
size |
|