Bloom Choice

Bloom Choice is a single-choice radio group of mono uppercase chips. Picking one makes it swell softly into the primary colour while its neighbours yield. Arrow keys, Home and End all work.

Installation

CLI

npx @modus-ui/cli add bloom-choice

Manual

1. Copy the code from the component tab.
2. Create a file at components/ui/bloom-choice.tsx.
3. Paste the code.

Usage

import { BloomChoice } from "@/components/ui/bloom-choice";

export default function Example() {
  return <BloomChoice />;
}

Props