Paticle Button UI

A regular button with no class will receive its color from --ac-btn variable and will have effect on hover and focus that will pass on to the buttons with classes

A primary and secondary button

Four different sizes of button

A button with .btn class is a modified particle button with different versions available

No. Sizes Class Example
1 Regular .btn
2 Xtra Small .btn-xs
3 Small .btn-sm
4 Large .btn-lg

Different effects on the buttons

No.EffectClassExample
1Border.btn-border
2 Active .btn-soft
3 Round .btn .round
4 Icons .btn on button tag
.icon .ai-info on the span in the button

Sharing Is Caring