Tile UI · SolidJS

CSR · SSR · SSG

Item

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.