Buttons

Sizes

<Button name="Button text-xs" textSize="text-xs" />
<Button name="Button text-sm" textSize="text-sm" />
<Button name="Button text-base" textSize="text-base" />
<Button name="Button text-lg" textSize="text-lg" />
<Button name="Button text-xl" textSize="text-xl" />
<Button name="Button text-2xl" textSize="text-2xl" />
<Button name="Button text-3xl" textSize="text-3xl" />
<Button name="Button text-4xl" textSize="text-4xl" />

Colors

<Button name="Button" textSize="text-sm" />
<Button name="Button" textSize="text-sm" btnColor="dark" />
<Button name="Button" textSize="text-sm" btnColor="light" />
<Button name="Button" textSize="text-sm" btnColor="red" />
<Button name="Button" textSize="text-sm" btnColor="green" />
<Button name="Button" textSize="text-sm" btnColor="yellow" />
<Button name="Button" textSize="text-sm" btnColor="purple" />

Props

The component has the following props, type, and default values. See type-list page for type information.

Related components

Button Setup

Default Button

Colored Shadow Button

Gradient Duotone Button

Gradient Monochrome Button

Gradietn Outline Button

Outlined Button

Rounded Button

References

Flowbite Buttons