Menu API

Learn about the Menu component's props and CSS classes.

Import

import {
  MenuProps,
  MenuItemProps,
  MenuLabelProps,
  MenuIconProps,
} from "@prismane/core";

Menu extends Animation and Card components' props.

Name	Type	Description	Default
`open`	`boolean`	A function that will be executed before redirecting the user.	false

Menu.Item extends Flex component's props.

Name	Type	Description	Default
`color`	PrismaneColors	The colors of the menu item.	base

Menu.Label extends Flex component's props.

Name	Type	Description	Default
`color`	PrismaneColors	The colors of the menu label.	base

Menu.Icon extends Icon component's props.

Menu extends Animation and Card components' CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneMenu-root`	The container of the menu component.

Menu.Item extends Flex component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneMenuItem-root`	The container of the menu item component.
`root`	`.PrismaneMenuItem-root-{color}`	The container of the menu item component based on it's color.

Menu.Label extends Flex component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneMenuLabel-root`	The container of the menu label component.
`root`	`.PrismaneMenuLabel-root-{color}`	The container of the menu label component based on it's color.

Menu.Icon extends Icon component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneMenuIcon-root`	The container of the menu icon component.