1.8.1 • Published 2 years ago
@finastra/badge v1.8.1
Badge
Badges are small status descriptors for UI elements. A badge consists of a small circle, typically containing a number or other short set of characters, that appears in proximity to another object.
Usage
Import
npm i @finastra/badgeimport '@finastra/badge';
...
<fds-badge value="123">
<span> Success </span>
</fds-badge>API
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
color | color | "primary"\|"secondary"\|"success"\|"error"\|"white"\|"outlined" | "outlined" | Badge color |
position | position | "topLeft"\|"topRight"\|"center" | "center" | Badge position |
type | type | ""\|"indicator" | "" | Badge type |
value | value | string | "" | Badge value |
Slots
| Name | Description |
|---|---|
default | Content of the badge |
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
0.0.37
3 years ago
0.0.36
3 years ago
0.0.35
3 years ago