Documentation

Installation

Install Cetha and import its compiled styles.

Install the package

Use your preferred package manager to install Cetha.

npm install @charvesta/cetha

Import once, compose anywhere

Import the compiled stylesheet once in your base layout, then import components from the package root or a granular export.

Astro

---
import { Button, Field, Input } from '@charvesta/cetha';
import '@charvesta/cetha/styles';
---

<Field id="email" label="Email">
  <Input id="email" name="email" type="email" required />
</Field>
<Button type="submit" variant="primary">Save</Button>

No Tailwind config

The consuming project does not need Tailwind. Cetha ships its compiled component CSS.

Runtime behavior

Interactive components include their own small browser controller. Static primitives such as Text, Badge, Surface, Input, and Table render without client JavaScript.

Browse components