UNPKG

common-intellisense

Version:
73 lines (72 loc) 2.23 kB
{ "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)." } ] }