How it works

To deal with styling different elements, without duplicate code, Perfect UI provide general style classes to use with different elements like `badges`, `buttons`, `alerts` and etc.

We provide the most commonly used style types, such as `solid`, `outline`, `soft`, `link`, `white`, `black`.

For each type, we provide the most commonly used variations, such as `primary`, `secondary`, `success`, `warn`, `error`.

To use it, simply add the class `style-[type]-[variation]`.