Fabrials UI

Loading state

npx shadcn@latest add @fabrials/button @fabrials/files

npm install @fabrials/ui

Choose pnpm in one and the other follows.

Installation

Import the control from @fabrials/ui, after setting the app up.
TypeScript
```
import { PackageInstall, packageCommand } from "@fabrials/ui";
```

API reference

Prop / export	Type	Description
`command`	`string`	Without the runner: shadcn@latest add @fabrials/button.
`kind`	`run \| install`	run uses npx, pnpm dlx, yarn dlx and bunx; install uses npm install, pnpm add, yarn add and bun add.
`persistKey`	`string \| null`	Remembers the choice in this browser under that key; null forgets it.

Behavior

The saved choice is read after hydration, so the server and the first render agree on npm.

Accessibility

Keyboard and contrast

Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.