You can mix any size, color, animation and icon.
It’s about 40000000+ possible variations 🙂
- Icon: Bug
- Size: Large
- Color: Info
- To Color: Success
- Shape: Round
- Animation: Top to bottom
- Icon: Cogs
- Size: Big
- Color: Black
- To color: Inverse
- Animation: Border Fade out
- Icon: Heart
- Size: Normal
- Color: Danger
- Shape: Border, round
- Animation: Shake
- Icon: Fire
- Size: Large
- Color: Warning
- To Color: Danger
- Animation: Border Fadein
- Icon: Gift
- Size: Big
- Color: Inverse
- To color: Normal
- Shape: Round
- Animation: Left to Right
- Icon: Tag
- Size: Normal
- Color: Gray
- To color: Normal
- Animation: Bounce
- Icon: Gear
- Size: Large
- Color: Success
- To Color: Inverse
- Shape: Round, dashed
- Animation: Tada
- Icon: Glass
- Size: Big
- Color: Normal
- To color: Danger
- Animation: Flash
- Icon: Globe
- Size: Normal
- Color: Info
- Shape: Round
- Animation: Border Rise
Sizes
Huge
Large
Big
Normal
Small
Colors
Normal
Black
Gray
Inverse
Info
Success
Warning
Danger
You can set any transition between colors
Black to Normal
Warning Danger
Normal Inverse
Gray Success
Info Black
Inverse Gray
Shape
Round
Border
Border Round
Border Dashed
Dashed Round
Animations
Flash
Shake
Bounce
Tada
Swing
Pulse
Border Rise
Border Rise Alt
Border Fade out
Border Fade in
Left to Right
Right to Left
Top to Bottom
Bottom to Top
Aligment
Normal
Dictumst viverra libero justo tempus urna eleifend morbi
Center
Dictumst viverra libero justo tempus urna eleifend morbi
Left
Dictumst viverra libero justo tempus urna eleifend morbi
Right
Dictumst viverra libero justo tempus urna eleifend morbi
Tooltips
Top
Bottom
Left
Right