Getting Started
Changelog
April 14, 2026 - V4 Release
V4 is a major update that modernizes the foundation of the design system:
- Tailwind CSS v3 → v4
- Radix UI → Base UI
- React 18 → React 19
- Design refresh: More compact sizing, updated spacing and rounded corners
- New components: Autocomplete, Button Group, Combobox, Data Table, Date Picker, and more
- Breaking changes across many components
For the full details including migration steps, see Migrating to V4.
Dec 4, 2024 - CLI Support
shadcn CLI Support
Added support for shadcn CLI, enabling project setup and component installation via command line.
Initial project setup command:
npx shadcn@latest add https://exawizards.com/exabase/design/registry/preflight.jsonInstall all components:
npx shadcn@latest add https://exawizards.com/exabase/design/registry/all.jsonInstall specific component:
npx shadcn@latest add https://exawizards.com/exabase/design/registry/button.jsonMigration guide
- CLI usage requires
components.jsonconfiguration. See the new shadcn CLI documentation for details. - If you are already using this design system, you need to apply the changes below to
use-toast.tsandglobal.css.
Related Changes with shadcn CLI support
Moved use-toast.ts:
- Before:
components/ui/use-toast.ts - After:
hooks/use-toast.ts
Droped Tooltip variants and .light class:
@layer base {
- :root,
- .light {
+ :root {
--background: 255, 255, 255; /* exaBase White */
--foreground: 8, 10, 12; /* exaBase Slate 99 */Discontinued ZIP component distribution.
Fixes
Fixed icon sizing issues when browser font size is customized in:
- Checkbox
- Input OTP
- Popover
- Radio Group
Fixed versions for react-day-picker and cmdk dependencies:
- Calendar
- Command
Sep 10, 2024 - Fixes
Bug fixes and style adjustments.
- Alert Dialog
- Made the entire dialog scrollable for very long content
- Adjusted the dialog's border radius and padding
- Button
- Added the style for the open state when used as a trigger for DropdownMenu, etc.
- Checkbox
- Adjusted the border radius
- Command
- Adjusted the border radius and padding
- Context Menu
- Adjusted the border radius, padding, and submenu position
- Dialog
- Made the entire dialog scrollable for very long content
- Adjusted the dialog's border radius and padding
- Improved the close button's visual consistency
- Dropdown Menu
- Adjusted the border radius, padding, and submenu position
- Hover Card
- Adjusted the border radius
- Menubar
- Adjusted the border radius, padding, and submenu position
- Fixed the radio item's check icon
- Pagination
- The
sizeprop can now be set tolgandxsin addition todefaultandsm. - Added
textprop toPaginationPreviousandPaginationNextcomponents to customize the button text.
- The
- Popover
- Adjusted the border radius
- Select
- Improved SelectTrigger's truncated text
- Changed SelectTrigger's
:focusstyle to:focus-visible - Fixed the layout when non-text elements are added to SelectTrigger
- Fixed the issue where the menu would overflow the viewport when there were many items
- Toast
- Improved the close button's visual consistency
May 28, 2024 - Breadcrumb and Input OTP
New components in this release: