diff --git a/apps/www/content/docs/cli.mdx b/apps/www/content/docs/cli.mdx index c8bce1f0e0e..31d344a0ab3 100644 --- a/apps/www/content/docs/cli.mdx +++ b/apps/www/content/docs/cli.mdx @@ -16,6 +16,7 @@ npx shadcn-ui@latest init You will be asked a few questions to configure `components.json`: ```txt showLineNumbers +Would you like to use TypeScript (recommended)? no/yes Which style would you like to use? › Default Which color would you like to use as base color? › Slate Where is your global CSS file? › › app/globals.css diff --git a/apps/www/content/docs/installation/astro.mdx b/apps/www/content/docs/installation/astro.mdx index 1e84289240d..e689b207003 100644 --- a/apps/www/content/docs/installation/astro.mdx +++ b/apps/www/content/docs/installation/astro.mdx @@ -109,6 +109,20 @@ import '@/styles/globals.css' --- ``` +### Update astro tailwind config + +To prevent serving the Tailwind base styles twice, we need to tell Astro not to apply the base styles, since we already include them in our own `globals.css` file. To do this, set the `applyBaseStyles` config option for the tailwind plugin in `astro.config.mjs` to `false`. + +```ts {3-5} showLineNumbers +export default defineConfig({ + integrations: [ + tailwind({ + applyBaseStyles: false, + }), + ], +}) +``` + ### That's it You can now start adding components to your project. diff --git a/apps/www/registry/default/example/card-with-form.tsx b/apps/www/registry/default/example/card-with-form.tsx index 8418a9b46d5..31c960e4f68 100644 --- a/apps/www/registry/default/example/card-with-form.tsx +++ b/apps/www/registry/default/example/card-with-form.tsx @@ -34,17 +34,17 @@ export default function CardWithForm() {
- +
diff --git a/apps/www/registry/new-york/example/card-with-form.tsx b/apps/www/registry/new-york/example/card-with-form.tsx index f055aafb3d3..dd77e264455 100644 --- a/apps/www/registry/new-york/example/card-with-form.tsx +++ b/apps/www/registry/new-york/example/card-with-form.tsx @@ -34,17 +34,17 @@ export default function CardWithForm() {
- +