Literal UI

import { Menu } from '@literal-ui/core'import { Menu } from '@literal-ui/core'

Menu.ItemMenu.Item

  • Copy
  • Paste
  • Log out
    • <Menu className="w-32">
  <Menu.Item>Copy</Menu.Item>
  <Menu.Item>Paste</Menu.Item>
  <Menu.Divider />
  <Menu.Item>Log out</Menu.Item>
</Menu>
    <Menu className="w-32">
  <Menu.Item>Copy</Menu.Item>
  <Menu.Item>Paste</Menu.Item>
  <Menu.Divider />
  <Menu.Item>Log out</Menu.Item>
</Menu>

    trailing?: stringtrailing?: string

  • Copy
    Ctrl + C
  • Paste
    Ctrl + V
  • Log out
    • <Menu>
  <Menu.Item trailing="Ctrl + C">Copy</Menu.Item>
  <Menu.Item trailing="Ctrl + V">Paste</Menu.Item>
  <Menu.Divider />
  <Menu.Item>Log out</Menu.Item>
</Menu>
    <Menu>
  <Menu.Item trailing="Ctrl + C">Copy</Menu.Item>
  <Menu.Item trailing="Ctrl + V">Paste</Menu.Item>
  <Menu.Divider />
  <Menu.Item>Log out</Menu.Item>
</Menu>

    Icon?: IconTypeIcon?: IconType

  • Item
  • Item
  • Item
    • <Menu className="w-40">
  <Menu.Item Icon={MdCheck}>Item</Menu.Item>
  <Menu.Item Icon={MdCheck}>Item</Menu.Item>
  <Menu.Divider />
  <Menu.Item Icon={MdCheck}>Item</Menu.Item>
</Menu>
    <Menu className="w-40">
  <Menu.Item Icon={MdCheck}>Item</Menu.Item>
  <Menu.Item Icon={MdCheck}>Item</Menu.Item>
  <Menu.Divider />
  <Menu.Item Icon={MdCheck}>Item</Menu.Item>
</Menu>