Installation
Installation
1 - Install the welcome-ui package and peer dependencies listed below:
yarn add welcome-ui tailwindcss react@^19.0.0
yarn add postcss --dev
2 - Add dependencies for vite project
yarn add @tailwindcss/vite --dev
3 - Add on your vite config tailwindcss plugin
import { defineConfig } from 'vite'import tailwindcss from '@tailwindcss/vite'export default defineConfig({plugins: [tailwindcss(),],})
Import library & Theme
On your theme or global css import:
- TailwindCSS
- Welcome UI Theme
- Welcome UI components style
@import 'tailwindcss';@import 'welcome-ui/theme.css';@import 'welcome-ui/Accordion.css';@import 'welcome-ui/Alert.css';@import 'welcome-ui-new/***other-components-you-need***.css';...
Enjoy! 🌞
import { Button } from 'welcome-ui/Button'return <Button>Ok let's go</Button>