# Menu Item (fw-menu-item)

# Usage

Menu item is a component to define each row of a fw-menu components. It takes in prefix, suffix and default slot to place content either at beginning or end or middle of the row respectively.

Messages
10
User name Log Out

Help More Information

First Option Second Option Third Option
Show Code

# Properties

Property Attribute Description Type Default
selectable selectable Sets the state of the option to selected. The selected option is highlighted and a check mark is displayed next to it. If the attribute’s value is undefined, the value is set to false. boolean false
selected selected Sets the state of the option to selected. The selected option is highlighted and a check mark is displayed next to it. If the attribute’s value is undefined, the value is set to false. boolean false

# CSS Custom Properties

Name Description
--fw-menu-item-background Border of the fw-menu-item popover content.
--fw-menu-item-border Border of the fw-menu-item popover content.
--fw-menu-item-border-radius Border Radius of the fw-menu-item popover content.
--fw-menu-item-box-shadow Box Shadow of the fw-menu-item popover content.

# Dependencies

# Depends on

# Graph

graph TD;
  fw-menu-item --> fw-icon
  fw-icon --> fw-toast-message
  fw-toast-message --> fw-spinner
  fw-toast-message --> fw-icon
  style fw-menu-item fill:#f9f,stroke:#333,stroke-width:4px

Built with ❤ at Freshworks