1 - Install the welcome-ui package and peer dependencies listed below:
yarn add welcome-ui tailwindcss react@^19.0.0
2 - Add dependencies for vite project
yarn add @tailwindcss/vite sass-embedded --dev
3 - Add on your vite config tailwindcss plugin
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
plugins: [
tailwindcss(),
],
})
On your theme or global css import:
- TailwindCSS
- Welcome UI Theme
@import 'tailwindcss';
@import 'welcome-ui/theme.css';
import { Button } from 'welcome-ui/Button'
return <Button>Ok let's go</Button>