Button

Solid ink primary and hairline ghost. One primary per view. 40px tall; 36px small variant.

Print

Studio / Alkmaar

Issue 03 goes on the press at 06:00. One primary per view.

Install

npx @noordvc/raster-cli add button

Markup

<button class="rs-btn-primary">Primary action</button>
<button class="rs-btn-ghost">Secondary</button>

React

import { Button } from "@/components/raster/button";

<Button>Primary action</Button>
<Button variant="ghost" size="sm">Secondary</Button>

Classes

.rs-btn-primary.rs-btn-ghost.rs-btn-sm