@askrjs/ui

Headless UI components for Askr applications.

@askrjs/ui owns interaction behavior, accessibility wiring, and structural composition. It does not impose visual styling. Pair it with @askrjs/themes for default visuals, or supply your own CSS.

Install

npm install @askrjs/ui @askrjs/askr

Use

import { Button, Dialog, DialogTrigger, DialogContent } from '@askrjs/ui';

For narrower imports, use the direct component paths:

import { Button, Checkbox, Input, Label } from '@askrjs/ui';
import { Dialog, Popover, Tooltip } from '@askrjs/ui';

Docs

• askr-ui overview
• components reference
• composition patterns
• foundations reference

Package shape

The package exports components directly from the root and per-component subpaths:

• Core controls: Button, Toggle, Checkbox, Input, Textarea, Label, RadioGroup, Switch, Select, Slider, ToggleGroup, VisuallyHidden
• Interaction helpers: FocusScope, DismissableLayer
• Overlays: Dialog, AlertDialog, Popover, Tooltip, Dropdown, Menu
• Disclosure: Accordion, Collapsible
• Status: Progress, ProgressCircle, Toast
• Identity: Avatar
• Tables: Table, TableCaption, TableHead, TableBody, TableFoot, TableRow, TableHeaderCell, TableCell
• Navigation: Menubar

Prefer the per-component subpaths when you want a smaller surface area:

The per-component subpaths stay available for direct imports such as @askrjs/ui/button and @askrjs/ui/dialog.

For the full surface and composition examples, start with the docs above.