vibecodng.com

Free MCP betaIndex and tools live

Measured entry

originui-comp-139

checkboxminimal-flat

A compact horizontal group of independently labeled checkboxes for framework choices. It ships as a shadcn registry component backed by Origin UI checkbox and label wrappers, with React-generated control IDs, Radix UI primitives, utility classes, theme tokens, and a shared class-name helper.

Specimen
Harness screenshot of originui-comp-139 at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of originui-comp-139 at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of originui-comp-139 at 1440 pixels wide
Harness screenshot at 1440 pixels wide. No horizontal overflow recorded.

Measured

Every value below was written by the harness on the run that produced the frames above. None of it is derived from the prose.

Harness measurements recorded for originui-comp-139
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical0
Axe serious0
Axe moderate0
Axe minor0
Gzip marginal32.6 KB (98.0 KB build, 65.4 KB baseline)
Bare modeFAIL
Provider requiredNO
Demo usedwritten from the component source API

What the harness recorded

BARE BUILD

✗ Build failed in 4.25s
error during build:
[vite:load-fallback] Could not load <sandbox>/src/lib/utils (imported by src/components/ui/label.tsx): ENOENT: no such file or directory, open '<sandbox>/src/lib/utils'

Verdict

A sound, narrowly scoped checkbox example with accessible primitive behavior and clean label wiring. It needs a shadcn-style setup before it will build or mount, and it remains presentation code rather than a complete form field.

Use it if

  • You need a small inline set of independent options rather than a single-choice control.
  • Your app already uses shadcn conventions, utility classes, and compatible theme tokens.
  • You want label clicks wired to accessible checkbox primitives with minimal component logic.

Skip it if

  • The choices are mutually exclusive and should be presented as radio buttons.
  • You need a fieldset, shared legend, validation message, or form-state integration out of the box.
  • Your labels may be long or translated and require wrapping or a responsive vertical layout.
  • You do not want to adopt Radix UI and shadcn-style project conventions for a small control group.

Install

Installation record for originui-comp-139
Declared dependenciesradix-ui
Missing on installnone
Bare installfails once the shadcn-style helpers are removed, so it needs that setup
Providerno provider required in the harness

In a non-shadcn project, add Radix UI, the checkbox and label wrappers, a compatible utility-class pipeline and theme tokens, the configured source alias, and the shared class-name helper. Adapt the registry import paths to your project structure.

Source and credit

This page is a review, not a copy. The component source lives with its author and this site does not republish it. Read the license before you use anything.

Author repository

github.com/origin-space/originui
License
MIT
Record published
2026-08-13

Alternatives

Other published entries for the checkbox pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.