Components

Slider

Single-value range control with tabular output and accessible thumb.

newfree

Install

@hewnui/ui · hewnui

Terminal

npm install @hewnui/ui

Terminal

pnpm add @hewnui/ui

Terminal

yarn add @hewnui/ui

Terminal

bun add @hewnui/ui

Terminal

npx hewnui@latest add slider

Built on React Aria Slider. Output uses tabular numerals; the thumb keeps a 40×40 hit target.

Motion intensity6

Global motion dial for preview surfaces.

Glass blur18

TSX

import { Slider } from "@hewnui/ui";

<Slider label="Opacity" defaultValue={42} minValue={0} maxValue={100} />

Props for Slider from @hewnui/ui/slider. Generated from component types — not hand-written.

Prop

Type

Switch

Immediate on/off control for preferences and modes.

Form

Accessible form container for native and custom field validation.