About shadcn/ui

shadcn/ui is Re-usable components built using Radix UI and Tailwind CSS. This is NOT a component library. It's a collection of re-usable components that you can copy and paste into your apps. EntApex App template comes with pre configured shadcn/ui so that you don't have to.

shadcn/ui Documentation

Click here (opens in a new tab) to read more.

Files In Template

components.json is a default config file for shadcn/ui

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

utils.ts file exports cn function which helps with dynamic classname while for tailwind css. Click here (opens in a new tab) to read more.

import { type ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
 
export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}