Item

A versatile primitive component used to create lists, menus, and navigation items.

Usage

A flexible primitive designed to be used in various contexts such as sidebars, menus, and lists. It provides consistent styling for hover, active, and disabled states.

import { Item } from "@elemnts-ui/react"

<Item>
  Profile
</Item>

Examples

Variants

Change the visual apperance of the component using the variant prop

Icon Only

Use the iconOnly prop to create compact items that only contain an icon.

API Reference

The Item component is a styled ark.div and accepts all standard HTML div props in addition to the following:

Prop	Type	Default
size	`'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`	`'md'`
variant	`'primary' \| 'secondary' \| 'tertiary'`	`'primary'`
iconOnly	`boolean`	`false`
selected	`boolean`	`false`
disabled	`boolean`	`false`