Badge

Package name:

fastn-community.github.io/bling

License:

Open Source BSD

Badges often take the form of small shapes, such as circles, squares, or rectangles, and they can contain text, numbers, or icons. They are commonly used to convey information such as new messages, notifications, unread counts, user roles or statuses, ratings, achievements, or labels.

Examples

Light

Dark

Primary

Secondary

Info

Warning

Success

Danger

How to use

Add bling dependency into your FASTN.ftd

-- fastn.dependency: fastn-community.github.io/bling

Lang:

ftd

import badge inside your .ftd file

-- import: fastn-community.github.io/bling/badge

Lang:

ftd

All badges: copy any one of these badges you like to use

-- badge.badge: Light
light: true

-- badge.badge: Dark
dark: true

-- badge.badge: Primary
primary: true

-- badge.badge: Secondary
secondary: true

-- badge.badge: Info
info: true

-- badge.badge: Warning
warning: true

-- badge.badge: Success
success: true

-- badge.badge: Danger
danger: true

Lang:

ftd

Properties:

Below are details of all properties of badge component.

title

type:

Caption (required)

It's used to add text inside badge.

light

type: