FoundryKit

API

Public exports from @foundrykit/primitives.

API

import {
  Avatar,
  Badge,
  Breadcrumb,
  Button,
  Card,
  Checkbox,
  Dialog,
  DropdownMenu,
  Input,
  Label,
  Popover,
  RadioGroup,
  ScrollArea,
  Select,
  Separator,
  Sheet,
  Skeleton,
  Switch,
  Tabs,
  Textarea,
  Toggle,
  Tooltip,
  badgeVariants,
  buttonVariants,
  cn,
} from '@foundrykit/primitives';

Component Groups

  • Buttons and status: Button, Badge, Toggle.
  • Form controls: Input, Textarea, Checkbox, RadioGroup, Switch, Select, Label.
  • Containers and navigation: Card, Tabs, Breadcrumb, Separator, ScrollArea.
  • Overlays: Dialog, Sheet, Popover, Tooltip, DropdownMenu.
  • Display helpers: Avatar, Skeleton.

Sub-exports

  • Many primitives also export their Radix-style companion parts, for example DialogContent, TabsList, SelectTrigger, or TooltipProvider.
  • The public entrypoint is the safest default if you want a stable package surface. Use the ./components/* export map only when you intentionally want package-internal component modules.

Styling Helpers

  • buttonVariants and badgeVariants expose the package variant definitions used by the corresponding primitives.
  • cn is re-exported from Utils so consuming apps do not need a second import path for common class merging.

On this page