bx

bext + PRISM

Install bext-ui in a bext PRISM application.

This guide walks you through wiring bext/ui into a bext PRISM app.

Create a project

Start a new PRISM site (or skip to the next step in an existing one):

Terminal 
$ bext new my-app --template prism && cd my-app

Run the CLI

Initialise bext/ui. This writes a bext-ui.json, adds the design-token stylesheet to your layout, and registers the shared island.

Terminal 
$ bext ui init

You'll be asked a few questions:

Terminal 
Which style would you like to use? › Default
Which color would you like to use as base color? › Zinc
Where is your global stylesheet? › src/lib/theme.ts
Configure import alias for components? › @/components

Add components

Add any component to your project. The CLI copies its source into src/components/ui/.

Terminal 
$ bext ui add button card dialog

Then use it in a page:

src/app/page.tsx 
/** @jsxImportSource @bext-stack/framework */
import { Button } from "@/components/ui/button";

export default function Page() {
  return <Button>Get started</Button>;
}
← Changelog Manual Installation →