The following props are available for button component. These are the custom props that come with we've added for the chip component and you can use all the other native props as well.
| Attribute | Type | Description | Default |
|---|---|---|---|
variant | Variant | Change chip variant | filled |
color | Color | Change chip color | blue |
value | Value | Add content for chip | No default value it's a required prop. |
dismissible | Dismissible | Makes the chip dismissible | undefined |
animate | Animate | Change chip animation | undefined |
show | boolean | Change the chip visibility | true |
icon | node | Add icon at the beginning of chip | undefined |
className | string | Add custom className for chip | '' |
import type { ChipProps } from "@material-tailwind/react";type variant = "filled" | "gradient";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";type value = string | number;type dismissible = {
action?: ReactNode;
onClose: () => void;
};type animate = {
mount?: object;
unmount?: object;
};