The following props are available for button component. These are the custom props that come with we've added for the button component and you can use all the other native props as well.
| Attribute | Type | Description | Default |
|---|---|---|---|
variant | Variant | Change button variant | filled |
size | Size | Change button size | md |
color | Color | Change button color | blue |
full-width | boolean | Change button to a block level element | false |
ripple | Ripple | Add ripple effect for button | '' |
type variant = "filled" | "outlined" | "gradient" | "text"
type size = "sm" | "md" | "lg"
type ripple = "light" | "dark"
type variant =
| "blue-gray"
| "gray"
| "brown"
| "deep-orange"
| "orange"
| "amber"
| "yellow"
| "lime"
| "light-blue"
| "blue"
| "teal"
| "cyan"
| "light-blue"
| "blue"
| "indigo"
| "deep-purple"
| "purple"
| "pink"
| "red"