common-intellisense
Version:
84 lines (83 loc) • 2.4 kB
JSON
{
"props": [
{
"Attribute": "children ",
"Type": "`ReactNode`",
"Description": "The wrapped component.",
"Default": "-"
},
{
"Attribute": "content",
"Type": "`string` | `number` | `ReactNode`",
"Description": "The content of the badge. The badge will be rendered relative to its children.",
"Default": "-"
},
{
"Attribute": "variant",
"Type": "`solid` | `flat` | `faded` | `shadow`",
"Description": "The variant style of the badge.",
"Default": "`solid`"
},
{
"Attribute": "color",
"Type": "`default` | `primary` | `secondary` | `success` | `warning` | `danger`",
"Description": "The color of the badge.",
"Default": "`default`"
},
{
"Attribute": "size",
"Type": "`sm` | `md` | `lg`",
"Description": "The size of the badge.",
"Default": "`md`"
},
{
"Attribute": "shape",
"Type": "`circle` | `rectangle`",
"Description": "The shape of the badge.",
"Default": "`rectangle`"
},
{
"Attribute": "placement",
"Type": "`top-right` | `top-left` | `bottom-right` | `bottom-left`",
"Description": "The placement of the badge.",
"Default": "`top-right`"
},
{
"Attribute": "disableOutline",
"Type": "`boolean`",
"Description": "If `true`, the badge will not have an outline.",
"Default": "`false`"
},
{
"Attribute": "disableAnimation",
"Type": "`boolean`",
"Description": "If `true`, the badge will not have an animation.",
"Default": "`false`"
},
{
"Attribute": "isInvisible",
"Type": "`boolean`",
"Description": "If `true`, the badge will be invisible.",
"Default": "`false`"
},
{
"Attribute": "isOneChar",
"Type": "`boolean`",
"Description": "If `true`, the badge will have the same width and height.",
"Default": "`false`"
},
{
"Attribute": "isDot",
"Type": "`boolean`",
"Description": "If `true`, the badge will have smaller dimensions.",
"Default": "`false`"
},
{
"Attribute": "classNames",
"Type": "`Record<\"base\"｜\"badge\", string>`",
"Description": "Allows to set custom class names for the badge slots.",
"Default": "-"
}
],
"link": "https://nextui.org/docs/components/badge"
}