Actions

Button

Primary actions, one purple button per region.

@codeways/ui/button

Variants

Default is secondary - one primary button per view region; ask for purple explicitly.

primary

secondary

ghost

danger

destructive

link

Sizes

32px (sm), 32px (md), 36px (lg) - 36px under 768px regardless of size.

icon

icon-sm

States

disabled

with icon

asChild (renders an <a>)Read the docs

Usage

import { Button } from "@codeways/ui/button";

<div className="flex items-center gap-2">
  <Button variant="ghost">Cancel</Button>
  <Button variant="primary">Save changes</Button>
</div>