Usage

How to use Backend AI UI components.

Components

React

import { Button, Alert, ... } from "@backend-ai/ui/components";
AlertAvatarBadgeButtonCheckboxCollapsibleCommandDialogDropdownExternal LinkInputPopoverProgressRadio GroupSelectSeparatorSheetSwitchTableTabsTextareaTooltip

Extra

A list of components that includes other dependencies like Motion, React-Hook-Form...

ChartsFormsMagic UI

Utils

TypeScript

import { cn } from "@backend-ai/ui/utils";

const className = cn(
  "flex items-center justify-center",
  "text-2xl font-semibold",
);