BaseLayer

# BaseLayer Components BaseLayer is a component collection built for the shadcn ecosystem. Like shadcn/ui, components are **copied into your project** and become part of your codebase - not installed as dependencies. The key difference: BaseLayer uses React Aria Components instead of Radix UI, providing the same accessible primitives that power Adobe's design systems. ## Key Features - **Own your components** - Components live in your codebase, not as a dependency - **shadcn CLI compatible** - Use the familiar `npx shadcn add` workflow to add components - **AI Native** - Works seamlessly with AI coding assistants via the built-in shadcn MCP server - **Variant-based design** - Powered by TailwindCSS and tailwind-variants for effortless customization - **Accessible by default** - Built on battle-tested React Aria Components ## Stack - shadcn Registry - Component delivery system - React Aria Components - Accessible component primitives - TailwindCSS - Utility-first styling - tailwind-variants - Type-safe variant management - TypeScript - Type safety ## Available Components - **accordion** (layout): An accordion allows users to toggle the display of sections of content. Each accordion consists of a header with a title and content area. - **badge** (display): A badge is a small label that can be used to display information or status. - **breadcrumbs** (navigation): Breadcrumbs display a heirarchy of links to the current page or resource in an application. - **button** (forms): A button allows a user to perform an action, with mouse, touch, and keyboard interactions. - **calendar** (data-entry): A calendar displays one or more date grids and allows users to select either a single date or a contiguous range of dates. - **card** (layout): Displays a card with header, content, and footer. - **checkbox** (forms): A checkbox allows a user to select multiple items from a list of individual items, or to mark one individual item as selected. - **combobox** (forms): A comb