Tile UI · SolidJS
CSR · SSR · SSGItem
SolidJS item layout primitives for media, content, and actions.
S
Solid registry
SSR-safe component source.
import { Button, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle } from '@tile-ui/solid';
export default function ItemDemo() {
return (
<Item variant="outline">
<ItemMedia variant="icon">S</ItemMedia>
<ItemContent>Use Item for compact media, content, and action rows.
Registry install
pnpm dlx shadcn@latest add @tile-ui/item
Package usage
import { Item, ItemContent, ItemTitle } from '@tile-ui/solid';
<Item variant="outline">
<ItemContent><ItemTitle>Solid registry</ItemTitle></ItemContent>
</Item>
Highlights
- Media, content, and action regions
- Native div root
- Outline and muted variants
Registry dependencies
| Item | Purpose |
|---|---|
item |
Component source and module styles |
core |
Framework-agnostic logic helpers |
styles |
Shared SCSS tokens and globals |
API reference
Item
| Prop | Type | Default |
|---|---|---|
variant |
'default' | 'outline' | 'muted' |
— |
size |
'default' | 'sm' |
— |
ItemMedia
| Prop | Type | Default |
|---|---|---|
variant |
'default' | 'icon' | 'image' |
— |
ItemGroup
No custom props.
ItemSeparator
No custom props.
ItemContent
No custom props.
ItemTitle
No custom props.
ItemActions
No custom props.
ItemHeader
No custom props.
ItemFooter
No custom props.
ItemDescription
No custom props.