Getting Started

pnpm add @aspect/react @aspect/css @aspect/tokens

/* globals.css */
@import '@aspect/tokens/css';
@import '@aspect/css';

import { Button } from '@aspect/react';

export default function Page() {
  return <Button variant="primary">Get started</Button>;
}

pnpm add @aspect/css @aspect/tokens

@import '@aspect/tokens/css';
@import '@aspect/css';

<button class="mizu-button mizu-button--primary mizu-button--md">Get started</button>

pnpm add -D @aspect/tailwind-preset

@import 'tailwindcss';
@import '@aspect/tokens/css';
@import '@aspect/tailwind-preset';