ActionIcon
The ActionIcon component is a combination of the Button component and the Icons component, helping to create more flexibility and functionality when used.
setup
Import the Progress component in a script tag.
Svelte Copy
import { ActionIcon } from "@mgisolutions/design-system/svelte";
Basic usage
Basic usage ActionIcon
Demonstrate
Svelte Copy
<ActionIcon iconValue={plusIcon} />
Full value
Full attribute of ActionIcon
Demonstrate
Svelte Copy
<ActionIcon
tabindex={0}
arialLabel="button design"
rootClass=""
iconClass=""
active={false}
dark={false}
iconValue={plusIcon}
width="20"
height="20"
fills="[#000000]"
/>
Component Data
- props
- methods
| Name | Description | Type | Default |
|---|---|---|---|
| iconValue | IIcon | empty | |
| width | string | '16' | |
| height | string | '16' | |
| fills | string[] | [] | |
| iconClass | string | empty | |
| rootClass | string | empty | |
| dark | boolean | false | |
| tabindex | number | 0 | |
| arialLabel | string | empty | |
| id | string | random | |
| active | boolean | false | |
| disabled | boolean | false |