1.8.1 • Published 10 months ago
@finastra/brand-card v1.8.1
Brand card
This component extends @finastra/card.
This card is aimed to be used to display an application branding in an card list.
Usage
Import
npm i @finastra/brand-card
import '@finastra/brand-card';
...
<fds-brand-card label="App name"></fds-brand-card>
API
Properties
Property | Attribute | Type | Default | Description |
---|---|---|---|---|
dense | dense | boolean | false | Make the card smaller |
disabled | disabled | boolean | false | Disabled style of the card. |
extraDense | extraDense | boolean | false | Make the card extra small |
label | label | App card label | ||
large | large | boolean | false | Make the card bigger |
outlined | outlined | boolean | false | Change the card style to outlined, default style is elevated. |
secondary | secondary | boolean | false | Color and ribbon type |
selectable | selectable | boolean | false | Change the card style to an action card. |
shortLabel | shortLabel | string | "" | Optional app card displayed label |
Methods
Method | Type |
---|---|
formatItemName | (name: string): string |
CSS Custom Properties
Property | Type | Default | Description |
---|---|---|---|
--fds-primary | color | "#694ED6" | Color of the default ribbon |
--fds-secondary | color | "#C137A2" | Color of the secondary ribbon |
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.4.1
1 year ago
1.4.0
1 year ago
1.5.0
1 year ago
1.3.0
1 year 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.0.4
2 years ago
1.2.1
2 years 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.1.1
2 years ago
1.1.0
2 years ago
1.1.3
2 years ago
1.1.2
2 years ago
1.2.9
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.40
2 years ago
0.0.41
2 years ago
0.0.32
2 years ago
0.0.33
2 years ago
0.0.34
2 years ago
0.0.35
2 years ago
0.0.36
2 years ago
0.0.37
2 years ago
0.0.38
2 years ago
0.0.39
2 years ago
0.0.30
2 years ago
0.0.31
2 years ago
0.0.29
2 years ago
0.0.26
2 years ago
0.0.27
2 years ago
0.0.28
2 years ago
0.0.25
2 years ago
0.0.23
2 years ago
0.0.24
2 years ago
0.0.22
2 years ago
0.0.21
2 years ago