Components.json

Configure your YourBanK components and styling.

Configuration

The components.json file contains the configuration for your YourBanK components, including styling, themes, and component paths.

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "default",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "config": "tailwind.config.js",
    "css": "app/globals.css",
    "baseColor": "slate",
    "cssVariables": true
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils"
  }
}

Options

style

The style of components to use. YourBanK uses a custom style based on shadcn/ui with banking-specific modifications.

rsc

Enable React Server Components support. This is enabled by default for Next.js projects.

tsx

Enable TypeScript support. When enabled, components will be copied as .tsx files.

tailwind

Configuration for Tailwind CSS.

config - Path to your Tailwind config file
css - Path to your CSS file
baseColor - Default color palette
cssVariables - Enable CSS variables

aliases

Configure import aliases for components and utilities.

components - Alias for components directory
utils - Alias for utilities