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

• fw-icon

Graph

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

---

Built with ❤ at Freshworks