1.8.1 • Published 10 months ago

@finastra/brand-card v1.8.1

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months ago

Brand card

See it on NPM! How big is this package in your project? Storybook

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

PropertyAttributeTypeDefaultDescription
densedensebooleanfalseMake the card smaller
disableddisabledbooleanfalseDisabled style of the card.
extraDenseextraDensebooleanfalseMake the card extra small
labellabelApp card label
largelargebooleanfalseMake the card bigger
outlinedoutlinedbooleanfalseChange the card style to outlined, default style is elevated.
secondarysecondarybooleanfalseColor and ribbon type
selectableselectablebooleanfalseChange the card style to an action card.
shortLabelshortLabelstring""Optional app card displayed label

Methods

MethodType
formatItemName(name: string): string

CSS Custom Properties

PropertyTypeDefaultDescription
--fds-primarycolor"#694ED6"Color of the default ribbon
--fds-secondarycolor"#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