The following props are available for icon button component. These are the custom props that come with we've added for the icon button component and you can use all the other native button props as well.
| Attribute | Type | Description | Default |
|---|---|---|---|
variant | Variant | Change icon button variant | filled |
size | Size | Change icon button size | md |
color | Color | Change icon button color | blue |
ripple | boolean | Add ripple effect for icon button | true |
className | string | Add custom className for icon button | '' |
children | node | Add content for icon button | No default value it's a required prop. |
import type { IconButtonProps } 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";