Kebab Menu (fw-kebab-menu)

fw-kebab-menu displays a kebab icon which on clicking displays a list or drop-down box that enables selection of an option from an available list of values.

fwSelect event will be triggered when selecting a value from the list.

# Demo

Show Code

# Usage

# Properties

Property	Attribute	Description	Type	Default
`options`	--	The data for the kebab menu component, the options will be of type array of fw-select-options.	`any[]`	`[]`
`variant`	`variant`	Standard is the default option without any graphics other option is icon which places the icon at the beginning of the row. The props for the icon are passed as an object via the graphicsProps.	`"icon" \\| "standard"`	`'standard'`

# Events

Event	Description	Type
`fwSelect`	fwSelect event is emitted when an option is clicked from the list.	`CustomEvent<any>`

# Dependencies

# Used by

fw-data-table

# Depends on

# Graph

graph TD;
  fw-kebab-menu --> fw-popover
  fw-kebab-menu --> fw-button
  fw-kebab-menu --> fw-icon
  fw-kebab-menu --> fw-list-options
  fw-button --> fw-spinner
  fw-button --> fw-icon
  fw-list-options --> fw-select-option
  fw-list-options --> fw-input
  fw-select-option --> fw-icon
  fw-select-option --> fw-checkbox
  fw-select-option --> fw-avatar
  fw-checkbox --> fw-icon
  fw-input --> fw-icon
  fw-data-table --> fw-kebab-menu
  style fw-kebab-menu fill:#f9f,stroke:#333,stroke-width:4px

Built with ❤ at Freshworks

← Input (fw-input) Label (fw-label) →

# Kebab Menu (fw-kebab-menu)