Skip to content
uicoolkit
  • Components

  • Docs

↑↓ navigate↵ open/ anywhere
Menu
Docs / Customization

Draft docs for the preview build. Commands and APIs will change before release.

Customization

Defaults are a starting point, not a ceiling. You can change every component's appearance, content, behavior and motion.

Styling

Every part accepts a className. Consumer classes are merged after the defaults, so yours win without !important.

Restyle
<StatefulButton className="rounded-none bg-black font-mono uppercase" />

Composition

Replace labels, icons and illustrations through props, slots and composable parts instead of choosing from preset layouts.

State

Components work uncontrolled for quick starts. You can also control them with your own state and callbacks to connect real data.

Controlled
<StatefulButton status={mutation.status} onClick={() => mutation.mutate()} />

Motion

Tune durations, easing and springs, or pass motion={false} to turn animation off entirely. Reduced-motion preferences are honored by default.

Editing the source

When the props and hooks aren't enough, open the file and change it. There's no runtime package or license check in your code.