1.8.1 • Published 10 months 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
10 months ago
1.8.0
12 months ago
1.7.0
1 year ago
1.6.0
1 year ago
1.4.2
1 year ago
1.5.0
1 year ago
1.4.1
1 year ago
1.4.0
1 year ago
1.3.0
1 year ago
1.1.1
2 years ago
1.1.0
2 years ago
1.2.8
2 years ago
1.2.7
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.1.3
2 years ago
1.0.4
2 years ago
1.2.1
2 years ago
1.1.2
2 years ago
1.2.9
1 year ago
1.2.12
1 year ago
1.2.13
1 year ago
1.2.10
1 year ago
1.2.11
1 year ago
1.2.16
1 year ago
1.2.17
1 year ago
1.2.14
1 year ago
1.2.15
1 year ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago
0.0.42
2 years ago
0.0.44
2 years ago
1.0.3
2 years ago
0.0.41
2 years ago
0.0.40
2 years ago
0.0.39
2 years ago
0.0.38
2 years ago