@finastra/badge
TypeScript icon, indicating that this package has built-in type declarations

1.8.1 • Public • Published

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.

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

Usage

Import

npm i @finastra/badge
import '@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

Package Sidebar

Install

npm i @finastra/badge

Weekly Downloads

0

Version

1.8.1

License

MIT

Unpacked Size

20.6 kB

Total Files

20

Last publish

Collaborators

  • david.bocle
  • ffdcbot
  • ttalbot