← Back to menu

Components

Card

Card title

This is the text of the card. You can write anything you want, maybe a cool description!

Default

Card title

This is the text of the card. You can write anything you want, maybe a cool description!

Full width button

Card title

This is the text of the card. You can write anything you want, maybe a cool description!

Image contain

Card title

This is the text of the card. You can write anything you want, maybe a cool description!

Spiked borders, right button

Alerts

This is an alert - Be careful with what you see!
This is an alert - Be careful with what you see!
This is an alert - Be careful with what you see!
This is an alert - Be careful with what you see!
This is an alert - Be careful with what you see!
This is an alert - Be careful with what you see!
This is an alert - Be careful with what you see!
This is an alert - Be careful with what you see!

Buttons

Small size

More information More information More information
More information More information More information
More information More information More information
More information More information More information
More information More information More information
More information More information More information
More information More information More information

Default size

More information More information More information
More information More information More information
More information More information More information
More information More information More information
More information More information More information
More information More information More information
More information More information More information

Big size

More information More information More information
More information More information More information
More information More information More information
More information More information More information
More information More information More information
More information More information More information
More information More information More information

Badges

Default badges

Primary
Secondary
Success
Danger
Warning
Info
Light
Dark

Badges with notifications

Notifications heading
4
Updates
2
Messages
1
Request
0

Link card

Sizes

Click me to navigate!
Big (default)
Click me to navigate!
Medium
Click me to navigate!
Small

Highlighted colors

Click me to navigate!
Default
Click me to navigate!
Primary
Click me to navigate!
Secondary
Click me to navigate!
Danger
Click me to navigate!
Success
Click me to navigate!
Warning
Click me to navigate!
Info
Click me to navigate!
Dark

Colors

Click me to navigate!
Default
Click me to navigate!
Primary
Click me to navigate!
Secondary
Click me to navigate!
Danger
Click me to navigate!
Success
Click me to navigate!
Warning
Click me to navigate!
Info
Click me to navigate!
Dark

Tag

This is an example title New!

This is all the available types primary secondary success danger warning info dark