inqud-ui-core-react

INQUD's React component library — TypeScript, Radix UI primitives, SCSS Modules, and shared inqud-ui-tokens design tokens. Dark theme by default, light via data-theme="light".

Part of the INQUD UI monorepo. Versioned to track React (19.x; also runs on React 18).

Installation

npm install inqud-ui-core-react inqud-ui-tokens

Peer dependencies: react / react-dom (^18 or ^19).

Usage

Import the design tokens and component styles once at your app root, then use components:

import 'inqud-ui-tokens/tokens.css'   // design tokens (--inqud-* variables)
import 'inqud-ui-core-react/styles'   // component styles

import { Button, Input, Checkbox } from 'inqud-ui-core-react'

export function App() {
  return (
    <>
      <Button variant="primary" size="md">Click me</Button>
      <Input label="Email" placeholder="[email protected]" />
      <Checkbox label="I agree" />
    </>
  )
}

Components

Button, Badge, Spinner, Divider, Card, Stack, Input, Textarea, Checkbox, Radio, Switch, Select, Dropdown, DropdownMenu, NetworkSelector, Accordion, Alert, Toast, Tooltip, Popover, Dialog, QRCode, Skeleton, Stepper, Currency, Copiable, Timer, Link, Typography, ThemeToggle, Sidebar, SimulationPlayer.

Full props and live examples are in Storybook (npm run storybook).

Theming

Set data-theme="light" on a parent element to switch from the default dark theme, or override any --inqud-* custom property in your own CSS.

License

MIT