Skip to content

Installation

  1. Install AstroUI

    Terminal window
    npm install @beanwei/astro-ui
    # or
    pnpm add @beanwei/astro-ui
    # or
    yarn add @beanwei/astro-ui
  2. Configure the tailwind

    src/tailwind.config.mjs
    import astroui from '@beanwei/astro-ui/tailwind' // 👈-Step1
    /** @type {import('tailwindcss').Config} */
    export default {
    presets: [astroui()], // 👈-Step2
    content: [
    './node_modules/@beanwei/astro-ui/src/**/*.{astro,ts}', // 👈-Step3
    './src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}',
    ],
    }