fc-button-group
A group of buttons
Usage
<script>
import '@forter/button-group';
</script>
<fc-button-group .options="${[{'icon': 'edit', 'key': 'edit', 'tooltip':'Edit'},{'icon':'admin','key':'admin','selected':true},{'icon':'copy', 'key':'copy','tooltip':'Copy'}]}">
</fc-button-group>
Properties
Property | Attribute | Type | Default | Description |
---|
disabled | disabled | boolean | false | If the element is disabled |
inputId | | string | | |
label | label | string | | The label for the group |
name | name | string | | The formdata name for the group |
options | options | any[][] | | The model for the buttons. example: [{"icon": "edit", "key": "edit", "tooltip":"Edit"},{"icon":"admin","key":"admin","selected":true}] |
Events
Slots
Name | Description |
---|
input | internal slot for rendering light children. Do not use. |
CSS Custom Properties
Property |
---|
--fc-button-group-padding-horizontal |
--fc-button-group-padding-vertical |