UI Bits
ButtonsFREEstable

UI Bits component

Arrow Button

A shadcn-compatible button primitive that keeps the label centered while an arrow reveals from either side. It is useful for hero CTAs, pricing actions, and navigation links where a subtle motion cue adds polish without taking over the interface.

Metadata-driven MLP
Powered by component metadata rather than a static mockup, so the shell can scale into a real catalog.
Customize preview
Preview-only controls. Code generation will be explicit when supported.

Overview

Arrow Button is the first UI Bits proof-of-loop component. It is intentionally small, but the page around it is product-shaped: navigation, preview, customization, source code, install guidance, and component metadata all exist from day one.

Usage notes

Use it for primary calls to action where the motion should feel subtle and directional. The preview controls below are evaluation controls; this MLP does not yet generate customized source code.

Quality checklist

  • Free component with visible Code and Install tabs.
  • Hover reveals the arrow when showArrow is disabled.
  • Direction, position, label, and canvas width are customizable in Preview.
  • Dependencies and file path are documented honestly.