Koffee UI 2
V0.0.1

Bars

Variant:

This is a red bar
This is a green bar
This is a blue bar
This is a yellow bar
This is a purple bar

Usage

Note: ensure Tailwind CSS has been setup
<!-- Bar red --><div className="kf-bar-red">This is a red bar</div><!-- Bar green --><div className="kf-bar-green">This is a green bar</div><!-- Bar blue --><div className="kf-bar-blue">This is a blue bar</div><!-- Bar yellow --><div className="kf-bar-yellow">This is a yellow bar</div><!-- Bar purple --><div className="kf-bar-purple">This is a purple bar</div>
Next: Buttons