Kern UX React Components

React component library implementing the Kern UX design system. Provides accessible, themeable primitives used by kernux-theme.

Most users should install @document-writing-tools/kernux-theme instead. The theme re-exports every component from this package together with the required styles. Use kernux-react directly only if you need the bare components without the theme layer.

Components

| Category | Components | |---|---| | Typography | H1–H6, P, Span | | Interactive | Button, A, Icon, Card, Alert | | Forms | Input, Textarea, Select, Checkbox, RadioGroup, DatePicker | | Layout | Kopfzeile (official German government header banner) |

Usage

import { Button, Alert, Input } from "@document-writing-tools/kernux-react";

<Button variant="primary" icon="edit">
  Edit
</Button>

<Alert type="info" title="Note" content="This is an informational alert." />

<Input label="Name" hint="Enter your full name" />

Components apply Kern UX design system CSS classes (kern-btn, kern-input, etc.). The actual styles are provided by kernux-theme or a Kern UX stylesheet.

License

This project is licensed under the MIT license.