Usage

How to use cerberusui on your page?

After you installed cerberusui you can import any component and use it in yor app.

Importing components

import { Button } from "cerberusui"
 
export default function ButtonTest() {
    return (
        <Button variant="primary">Test Button</Button>
    )
}

Using custom classes

You can add custom css classes to every component. For example you can use Tailwindcss classes.

⚠️

Note that sometimes you have to use !important to overwrite the default style from cerberusui!

import { Button } from "cerberusui"
 
export default function ButtonTest() {
    return (
        <Button variant="primary" className="w-full">Test Button</Button>
    )
}

Introduction Colors