dd360-ds

DD360 React Components

DD360 Components is a tailwind based React component library

It is important that you have tailwind installed in the project where you want to use this library.

⚙️ Minimum requirements

🔮 Links

• storybook
• npm
• gitlab

🧪 Testing

we use vitest for unit tests

📲 Instalation

npm install dd360-ds

💡 Usage

Once you have installed the library, you will have to make some extra configurations for everything to work normally.

Paste this code into your tailwind.config.js file

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}', './node_modules/dd360-ds/**/*.{js,jsx,ts,tsx}'],
    theme: {
        extend: {}
    },
    plugins: []
}

How to import components?

import { Button } from 'dd360-ds'

🔫 Components

This is the most fun part. Below we will explain the use of the components we are currently developing.