Start here

Installation

Andeus Design is a React 18+ library. Components are plain function components: controlled via value/onChange, uncontrolled via defaultValue.

Install

terminal

npm install @andeus/ui

Add the styles

Import the stylesheet once in your root layout. It loads the tokens and the Archivo typeface.

jsx

// src/main.jsx — import the styles once, at the app root
import '@andeus/ui/styles.css';

Use a component

jsx

import { useState } from 'react';
import { Button, Switch } from '@andeus/ui';

export function RunControls() {
  const [live, setLive] = useState(false);
  return (
    <>
      <Switch label="Live" checked={live} onChange={setLive} />
      <Button variant="primary" disabled={!live}>Run</Button>
    </>
  );
}

PreviousPhilosophy NextTheming