Item
Item
Source: packages/appkit-ui/src/react/ui/item.tsx
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
variant | "default" | "outline" | "muted" | null | default | - | |
size | "default" | "sm" | null | default | - | |
asChild | boolean | false | - |
Usage
import { Item } from '@databricks/appkit-ui';
<Item /* props */ />
ItemActions
Source: packages/appkit-ui/src/react/ui/item.tsx
Props
This component extends standard HTML element attributes.
Usage
import { ItemActions } from '@databricks/appkit-ui';
<ItemActions /* props */ />
ItemContent
Source: packages/appkit-ui/src/react/ui/item.tsx
Props
This component extends standard HTML element attributes.
Usage
import { ItemContent } from '@databricks/appkit-ui';
<ItemContent /* props */ />
ItemDescription
Source: packages/appkit-ui/src/react/ui/item.tsx
Props
This component extends standard HTML element attributes.
Usage
import { ItemDescription } from '@databricks/appkit-ui';
<ItemDescription /* props */ />
ItemFooter
Source: packages/appkit-ui/src/react/ui/item.tsx
Props
This component extends standard HTML element attributes.
Usage
import { ItemFooter } from '@databricks/appkit-ui';
<ItemFooter /* props */ />
ItemGroup
Source: packages/appkit-ui/src/react/ui/item.tsx
Props
This component extends standard HTML element attributes.
Usage
import { ItemGroup } from '@databricks/appkit-ui';
<ItemGroup /* props */ />
ItemHeader
Source: packages/appkit-ui/src/react/ui/item.tsx
Props
This component extends standard HTML element attributes.
Usage
import { ItemHeader } from '@databricks/appkit-ui';
<ItemHeader /* props */ />
ItemMedia
Source: packages/appkit-ui/src/react/ui/item.tsx
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
variant | "image" | "default" | "icon" | null | default | - |
Usage
import { ItemMedia } from '@databricks/appkit-ui';
<ItemMedia /* props */ />
ItemSeparator
Source: packages/appkit-ui/src/react/ui/item.tsx
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
orientation | enum | vertical | Either vertical or horizontal. Defaults to horizontal. | |
decorative | boolean | - | Whether or not the component is purely decorative. When true, accessibility-related attributes are updated so that that the rendered element is removed from the accessibility tree. | |
asChild | boolean | - | - |
Usage
import { ItemSeparator } from '@databricks/appkit-ui';
<ItemSeparator /* props */ />
ItemTitle
Source: packages/appkit-ui/src/react/ui/item.tsx
Props
This component extends standard HTML element attributes.
Usage
import { ItemTitle } from '@databricks/appkit-ui';
<ItemTitle /* props */ />