@nx-extend/shadcn-ui

Nx plugin for working with shadcn/ui.

Setup

$3

``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//src/tailwind.config'

export default buildConfig(__dirname)
`

If you are using Remix you can import global.css directly like:

`tsx
import stylesheet from '@//global.css'

export const links: LinksFunction = () => [
{ rel: 'stylesheet', href: stylesheet }
]
`

Usage

$3

`sh
nx add-component button
`

$3

`sh
nx add-component
`

Updating the theme

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