1.8.1 • Published 2 years ago
@finastra/icon v1.8.1
Icon
Icon displays an icon with a chosen name from the Material Icons font, or from any font that supports ligatures.
Usage
Import
npm i @finastra/icon
import '@finastra/icon';
...
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet">
<fds-icon>bolt</fds-icon>
API
Properties
Property | Attribute | Type | Default | Description |
---|---|---|---|---|
dense | dense | boolean | false | Dense size of the icon 18px . |
disabled | disabled | boolean | false | |
error | error | boolean | false | Use error color. |
extra_large | extra_large | boolean | false | Dense size of the icon 48px . |
gradient | gradient | boolean | false | Use gradient color. |
info | info | boolean | false | |
large | large | boolean | false | Large size of the icon 36px . |
primary | primary | boolean | false | Use primary color. |
secondary | secondary | boolean | false | Use secondary color. |
styles | CSSResult[] | "styles" | ||
success | success | boolean | false | Use success color. |
warning | warning | boolean | false |
Slots
Name | Description |
---|---|
default | The name of the icon to display (e.g. credit_card). See Material Icons for an index of all available icons. |
CSS Custom Properties
Property | Default | Description |
---|---|---|
--fds-icon-size | "24px" | Size of the icon, default 24px . |
1.8.1
2 years ago
1.8.0
2 years ago
1.7.0
2 years ago
1.6.0
2 years ago
1.4.2
2 years ago
1.5.0
2 years ago
1.4.1
2 years ago
1.4.0
2 years ago
1.3.0
2 years ago
1.1.1
3 years ago
1.1.0
3 years ago
1.2.8
3 years ago
1.2.7
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.1.3
3 years ago
1.0.4
3 years ago
1.2.1
3 years ago
1.1.2
3 years ago
1.2.9
3 years ago
1.2.12
3 years ago
1.2.13
3 years ago
1.2.10
3 years ago
1.2.11
3 years ago
1.2.16
3 years ago
1.2.17
3 years ago
1.2.14
3 years ago
1.2.15
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.0.42
3 years ago
0.0.44
3 years ago
1.0.3
3 years ago
0.0.41
3 years ago
0.0.40
3 years ago
0.0.39
3 years ago
0.0.38
3 years ago