Four nodes connected by lines, two complete, the third active, the last pending.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Shapes21 } from "@/components/beste/piece/shapes21";
<Shapes21 />Three-node progress strip above a card with two fields and back-next actions.
Three squares connected by arrows, stepping from outline to fill.
A filled parent node branches into two outlined children.
Three tab labels above a divider, with a foreground indicator under the active one.
Triangle, circle, and square primitives lined up in three tones.
Three crumb segments separated by chevrons, the last one in foreground tone.