MenuTrigger

The <fds-menu-trigger> is a toggle button used for menu.

Usage

Import

npm i @finastra/menu-trigger

import '@finastra/menu-trigger';
...
<fds-menu-trigger label="Develop"></fds-menu-trigger>

API

Properties

| Property | Attribute | Type | Default | Description | |----------------|-------------|-----------------------------------|----------|--------------------------------------------------| | dense | | boolean | | Use the smaller button size | | disabled | | boolean | | Is the button disabled or not | | fullwidth | | boolean | | Use the full width of its parent | | icon | | string | "apps" | The name of the icon displayed before the labelUse trailingIcon to true to display this icon after the label | | label | | string | "Launch" | The label displayed inside the button | | large | | boolean | | Use the larger button size | | on | on | boolean | false | Whether the toggle is activated. | | secondary | secondary | boolean | false | Whether the toggle button should be using secondary. | | trailingIcon | | boolean | | Display the icon after the label instead of before | | type | | "button" \| "reset" \| "submit" | | |

Methods

| Method | Type | |----------|------------| | toggle | (): void |