@forter/button-group

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

Event
select

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