vibecodng.com

Free MCP betaIndex and tools live

Measured entry

originui-comp-97

buttonminimal-flat

A round outline icon button for an add action, with an accessible label built in. It ships as a shadcn registry component that wraps Origin UI's shared Button and renders a Lucide plus icon. It depends on the registry Button, Tailwind utility classes, Radix Slot, variant utilities, and the project's class-merging helper.

Specimen
Harness screenshot of originui-comp-97 at 375 pixels wide
Harness screenshot at 375 pixels wide. This viewport scrolled sideways.
Harness screenshot of originui-comp-97 at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of originui-comp-97 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-97
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowflagged at 375
Axe critical0
Axe serious0
Axe moderate0
Axe minor0
Gzip marginal32.1 KB (97.6 KB build, 65.5 KB baseline)
Bare modeFAIL
Provider requiredNO
Demo usedwritten from the component source API

What the harness recorded

BARE BUILD

✗ Build failed in 1.05s
error during build:
[vite]: Rollup failed to resolve import "lucide-react" from "<sandbox>re-6be42dfb1eac/src/cut/components/ui/comp-97.tsx".

Verdict

Use it as a small copy-in starting point for a standard add action, especially in an existing Origin UI setup. Its accessible name and shared Button states are sensible, but the hard-coded label and icon, plus the lack of props, make it too rigid for a reusable library component until it is parameterized.

Use it if

  • You need a compact add control in a toolbar, card header, or item list.
  • Your app already follows Origin UI or shadcn Button conventions and theme tokens.
  • You want hover, focus, and outline styling to stay aligned with a shared Button primitive.

Skip it if

  • The action needs a visible text label rather than an icon-only control.
  • The button must support caller-provided labels, icons, handlers, or variants without editing its source.
  • Your project does not use Tailwind and you do not want to recreate the shared Button and theme-token layer.

Install

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

A non-shadcn project must copy or replace the shared Button, add Lucide React, Radix UI, the variant and class-merging utilities, define the Tailwind theme tokens referenced by the classes, and update the registry import alias. Expose props before treating it as a general-purpose control.

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-16

Alternatives

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