Components

components

Dot

v.1.0.0 | Saturn

Healthy

Play with the component with our playground.

Kubit Theme

Anatomy


Name	Description
1 Container Required	width and height 8px - _border_ _border_100_.


Name	Description
1 Container Required	width Fluid (content -) height 24px - _border_ _border_50_.
2 Content Required	Indicates the number of notifications unread or unopened.

Simple small

8px

Number medium

16px

Number large

24px

Flexible notifications

If there are more than two figures, just add a “+99” reference.

Do’s

If the number exceeds two figures (eg: up to 99), a plus will be added to the number (ex: +99).

Don’t

Do not exceed two figures.