Item

Basic Item

A simple item with title and description.

Action

---
import { Button } from '@bejamas/ui/components/button';
import { Item, ItemActions, ItemContent, ItemDescription, ItemTitle } from '@bejamas/ui/components/item';
---

<div class="flex w-full max-w-md flex-col gap-6">
  <Item variant="outline">
    <ItemContent>
      <ItemTitle>Basic Item</ItemTitle>
      <ItemDescription>A simple item with title and description.</ItemDescription>
    </ItemContent>
    <ItemActions><Button variant="outline" size="sm">Action</Button></ItemActions>
  </Item>
</div>

View CodeHide Code

Installation

bun

bunx bejamas add item

npm

npx bejamas add item

pnpm

pnpm dlx bejamas add item

yarn

yarn dlx bejamas add item

Usage

---
import { Item, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemMedia } from '@bejamas/ui/components/item';
---

<Item variant="outline">
  <ItemContent>
    <ItemTitle>Basic Item</ItemTitle>
    <ItemDescription>A simple item.</ItemDescription>
  </ItemContent>
  <ItemActions>
    <Button variant="outline" size="sm">Action</Button>
  </ItemActions>
</Item>

Props

Prop	Type	Default
variant	ItemRootVariant	"default"
size	ItemRootSize	"default"
class	string	""