common-intellisense
Version:
73 lines (72 loc) • 2.23 kB
JSON
{
"props": [
{
"Attribute": "children",
"Type": "`ReactNode`",
"Description": "The content of the chip.",
"Default": "-"
},
{
"Attribute": "variant",
"Type": "`solid` | `bordered` | `light` | `flat` | `faded` | `shadow` | `dot`",
"Description": "The chip appearance style.",
"Default": "`solid`"
},
{
"Attribute": "color",
"Type": "`default` | `primary` | `secondary` | `success` | `warning` | `danger`",
"Description": "The color of the chip.",
"Default": "`default`"
},
{
"Attribute": "size",
"Type": "`sm` | `md` | `lg`",
"Description": "The size of the chip.",
"Default": "`md`"
},
{
"Attribute": "radius",
"Type": "`none` | `sm` | `md` | `lg` | `full`",
"Description": "The radius of the chip.",
"Default": "`full`"
},
{
"Attribute": "avatar",
"Type": "`ReactNode`",
"Description": "Avatar to be rendered in the left side of the chip.",
"Default": "-"
},
{
"Attribute": "startContent",
"Type": "`ReactNode`",
"Description": "Element to be rendered in the left side of the chip. This prop overrides the `avatar` prop.",
"Default": "-"
},
{
"Attribute": "endContent",
"Type": "`ReactNode`",
"Description": "Element to be rendered in the right side of the chip. This prop overrides the default close button when `onClose` is passed.",
"Default": "-"
},
{
"Attribute": "isDisabled",
"Type": "`boolean`",
"Description": "Whether the chip is disabled.",
"Default": "`false`"
},
{
"Attribute": "classNames",
"Type": "`Record<\"base\"| \"content\"| \"dot\"| \"avatar\"| \"closeButton\", string>`",
"Description": "Allows to set custom class names for the chip slots.",
"Default": "-"
}
],
"link": "https://nextui.org/docs/components/chip",
"events": [
{
"Attribute": "onClose",
"Type": "`(e: PressEvent) => void`",
"Description": "Handler that is called when the close button is pressed. If you pass this prop, the chip will display a close button (endContent)."
}
]
}