Below are all the available Button components Insites provides, with all its different modes:
To use the buttons component in Figma please install the latest version of the Insites Font Icons.
| Properties | Options | Notes |
|---|---|---|
| Size | Large, Normal, Small | Select the size of the component. |
| Style | Solid, Outlined, Default | Select the style of the component. |
| Colour | Blue, Green, Red | Select the colour of the component. |
| Type | Default, Option, Action | Select the type of the component. |
| State | Default, Disabled, Hover, Loading | Select the state of the component. |
| Show Icon Left | True, False | Toggle the display for the left icon. |
| Show Icon Right | True, False | Toggle the display for the right icon. |
| Dropdown State | Closed, Open | Select the correct icon to display if the button dropdown is open or closed. |
| Properties | Options | Notes |
|---|---|---|
| Hover | True False | Toggle to select the state of the dropdown option between default and hover. |
Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.
