Athenic UI Documentation

Menu

Menu

import { Menu } from "athenic-ui";

Props

  • className?: string
  • style?: CSSProperties
  • children?: ReactElement<MenuItemProps> | Array<ReactElement<MenuItemProps>>

Examples

<Menu>
  <Menu.Item>Menu Item 1</Menu.Item>
  <Menu.Item>Menu Item 2</Menu.Item>
  <Menu.Item link="https://github.com/AthenicAustria/athenic-ui">
    Menu Item 3 (Link to Github)
  </Menu.Item>
</Menu>
<Menu>
  <Menu.Item icon={faIcons.faUser}>Profile</Menu.Item>
  <Menu.Item icon={faIcons.faEdit}>Edit</Menu.Item>
  <Menu.Divider />
  <Menu.Item icon={faIcons.faTrash} variant="error">
    Delete Account
  </Menu.Item>
</Menu>

Props

  • className?: string
  • style?: CSSProperties
  • icon?: IconDefinition
  • children: string
  • link?: string
  • variant?: MenuItemVariant
  • disabled?: boolean

Props

  • className?: string
  • style?: CSSProperties

Types

  • MenuItemVariant: "success" | "warning" | "error"
Edit this page on GitHub

Prev

Link

Next

Modal

On this page