The following props are available for button group component. These are the custom props that we've added for the button group component and you can use all the other native props as well.
Attribute | Type | Description | Default |
---|---|---|---|
variant | Variant | Change buttons variant | filled |
size | Size | Change buttons size | md |
color | Color | Change buttons color | blue |
fullWidth | boolean | Change buttons to a block level elements | false |
ripple | boolean | Add ripple effect for buttons | true |
className | string | Add custom className for button group | '' |
children | node | Add content for button group | No default value it's a required prop. |
import type { ButtonGroupProps } from "@material-tailwind/react";
type variant = "filled" | "outlined" | "gradient" | "text";
type size = "sm" | "md" | "lg";
type color =
| "white"
| "blue-gray"
| "gray"
| "brown"
| "deep-orange"
| "orange"
| "amber"
| "yellow"
| "lime"
| "light-green"
| "green"
| "teal"
| "cyan"
| "light-blue"
| "blue"
| "indigo"
| "deep-purple"
| "purple"
| "pink"
| "red";