common-intellisense/scripts/nextui/Tabs.json

%description%

{
  "props": [
    {
      "Attribute": "children",
      "Type": "`ReactNode` | `((item: T) => ReactElement)`",
      "Description": "The list of tabs.",
      "Default": "-"
    },
    {
      "Attribute": "variant",
      "Type": "`solid` | `bordered` | `light` | `underlined`",
      "Description": "The tabs appearance style.",
      "Default": "`solid`"
    },
    {
      "Attribute": "color",
      "Type": "`default` | `primary` | `secondary` | `success` | `warning` | `danger`",
      "Description": "The tabs color theme.",
      "Default": "`default`"
    },
    {
      "Attribute": "size",
      "Type": "`sm` | `md` | `lg`",
      "Description": "The tabs size.",
      "Default": "`md`"
    },
    {
      "Attribute": "radius",
      "Type": "`none` | `sm` | `md` | `lg` | `full`",
      "Description": "The tabs border radius.",
      "Default": "-"
    },
    {
      "Attribute": "fullWidth",
      "Type": "`boolean`",
      "Description": "Whether the tabs should take the full width of its parent.",
      "Default": "`false`"
    },
    {
      "Attribute": "items",
      "Type": "[`Iterable<T>`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols)",
      "Description": "The list of tabs (dynamic).",
      "Default": "-"
    },
    {
      "Attribute": "disabledKeys",
      "Type": "`React.Key[]`",
      "Description": "The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.",
      "Default": "-"
    },
    {
      "Attribute": "selectedKey",
      "Type": "`React.Key`",
      "Description": "The key for the currently selected item.",
      "Default": "-"
    },
    {
      "Attribute": "defaultSelectedKey",
      "Type": "`React.Key`",
      "Description": "The key for the initially selected item.",
      "Default": "-"
    },
    {
      "Attribute": "disallowEmptySelection",
      "Type": "`boolean`",
      "Description": "Whether the tabs should allow empty selection.",
      "Default": "`false`"
    },
    {
      "Attribute": "keyboardActivation",
      "Type": "`automatic` | `manual`",
      "Description": "Whether tabs are activated automatically on focus or manually.",
      "Default": "`automatic`"
    },
    {
      "Attribute": "motionProps",
      "Type": "[MotionProps](#motion-props)",
      "Description": "The props to modify the cursor framer motion animation. Use the `variants` API to create your own animation.",
      "Default": "-"
    },
    {
      "Attribute": "disableCursorAnimation",
      "Type": "`boolean`",
      "Description": "Whether the cursor should be hidden.",
      "Default": "`false`"
    },
    {
      "Attribute": "isDisabled",
      "Type": "`boolean`",
      "Description": "Whether the tab list should be disabled.",
      "Default": "`false`"
    },
    {
      "Attribute": "disableAnimation",
      "Type": "`boolean`",
      "Description": "Whether the tab list should be animated.",
      "Default": "`false`"
    },
    {
      "Attribute": "classNames",
      "Type": "`Record<\"base\"｜ \"tabList\"｜ \"tab\"｜ \"tabContent\"｜ \"tabContent\" ｜ \"cursor\" ｜ \"panel\", string>`",
      "Description": "Allows to set custom class names for the card slots.",
      "Default": "-"
    }
  ],
  "link": "https://nextui.org/docs/components/tabs",
  "events": [
    {
      "Attribute": "onSelectionChange",
      "Type": "`(key: React.Key) => any`",
      "Description": "Handler that is called when the selection changes."
    }
  ]
}