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 button 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 |
fullWidth | boolean | Change button to a block level element | false |
ripple | boolean | Add ripple effect for button | true |
className | string | Add custom className for button | '' |
children | node | Add content for button | No default value it's a required prop. |
import type { ButtonProps } from "@material-tailwind/react";type variant = "filled" | "outlined" | "gradient" | "text";type size = "sm" | "md" | "lg";type color =
| "blue-gray"
| "gray"
| "brown"
| "deep-orange"
| "orange"
| "amber"
| "yellow"
| "lime"
| "light-green"
| "green"
| "teal"
| "cyan"
| "light-blue"
| "blue"
| "indigo"
| "deep-purple"
| "purple"
| "pink"
| "red";