Item
Data DisplayStable
Flexible list item component with media, content, title, description, actions, and group support.
Quick Import
import { Item } from "@cohere-ai/waypoint-ui/item";Live Preview
Loading Item...
Props
| Name | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'outline' | 'muted' | 'default' | Visual style |
size | 'default' | 'sm' | 'default' | Density/size |
asChild | boolean | false | Render as child element |
variant (ItemMedia) | 'default' | 'icon' | 'image' | 'default' | Media area style |
Examples
File Item
Item displaying a file with metadata and action menu
1 import { 2 Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, 3 } from '@cohere-ai/waypoint-ui/item'; 4 5 <Item> 6 <ItemMedia variant="icon"><FileIcon /></ItemMedia> 7 <ItemContent> 8 <ItemTitle>Document.pdf</ItemTitle> 9 <ItemDescription>2.4 MB · Updated 2 days ago</ItemDescription> 10 </ItemContent> 11 <ItemActions> 12 <Button variant="ghost" size="icon"><MoreVerticalIcon /></Button> 13 </ItemActions> 14 </Item>
Additional Resources
Found an Issue?
If you've encountered a bug or have feedback about the Item component, please report it to our team. Your feedback helps us improve Waypoint.
Available for all users • Issue will be created in Linear
Was this page helpful?
Your feedback helps us improve our documentation.
Need Help?
Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.