<a href="https://www.npmjs.com/package/@nx-extend/shadcn-ui" rel="nofollow"> <img src="https://badgen.net/npm/v/@nx-extend/shadcn-ui" alt="@nx-extend/shadcn-ui NPM package"> </a>
npm install @nx-extend/shadcn-uiNx plugin for working with shadcn/ui.
``sh`
npm install -D @nx-extend/shadcn-ui
nx g @nx-extend/shadcn-ui:init
After installation update your APPs tailwind.config.ts to this:
`ts
import { buildConfig } from '../libs/
export default buildConfig(__dirname)
`
If you are using Remix you can import global.css directly like:
`tsx
import stylesheet from '@
export const links: LinksFunction = () => [
{ rel: 'stylesheet', href: stylesheet }
]
`
`sh`
nx add-component
`sh`
nx add-component
The generated global.css` uses the default shadcn/ui theme.
Using the shadcn/ui theme editor, you can effortlessly apply a different theme.
Explore available themes here: https://ui.shadcn.com/themes