Import
tsx
import { Item } from "@indoku/ui"Examples
Basic usage
🔔
New comment on your post
2 minutes ago
New
👤
Ken99 followed you
1 hour ago
tsx
<Card.Root> <Stack gap="0" divideY="1px"> <Item.Root interactive> <Item.Media>🔔</Item.Media> <Item.Content> <Item.Title>New comment on your post</Item.Title> <Item.Description>2 minutes ago</Item.Description> </Item.Content> <Item.Actions><Badge variant="subtle">New</Badge></Item.Actions> </Item.Root> <Item.Root interactive> <Item.Media>👤</Item.Media> <Item.Content> <Item.Title>Ken99 followed you</Item.Title> <Item.Description>1 hour ago</Item.Description> </Item.Content> </Item.Root> </Stack></Card.Root>Props
Root
| Prop | Type | Default | Description |
|---|---|---|---|
interactive | boolean | – | Hover/link styling, for items that are clickable. |
* required. Style props and HTML attributes are accepted as well.
Created by @indokudev