Colors

Koffee UI 2 comes with various predefined and preset colors.
These colors can be applied in elements by just adding the class .kf-bg-<color>

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

Usage

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