Installation

Install dubsui in your project.


Install

Install the library in your project using the following command:

npm install dubsui

Styling

The components come prestyled. The styles are bundled with the library.

Your bundler should pick up the styles and start using them. If it doesn't, just import the styles as follow:

import "dubsui/css"

Make sure to import it in your base layout file and before your global.css to avoid style conflicts.

import "dubsui/css"
import "global.css"

TailwindCSS

If you are using TailwindCSS, refer to TailwindCSS page to cofigure your Tailwindcss to generate styles for components.


    Theme

    Presets

    Background

    Custom:

    Primary

    Custom:

    Secondary

    Custom:

    Border

    Custom:

    Mode

    Light
    Dark