Three crumb segments separated by chevrons, the last one in foreground tone.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Shapes28 } from "@/components/beste/piece/shapes28";
<Shapes28 />Triangle, circle, and square primitives lined up in three tones.
Three rounded squares fanned diagonally in foreground, amber, and card tones.
Three tab labels above a divider, with a foreground indicator under the active one.
Three accordion rows, the first one expanded with answer lines underneath.
Four nodes connected by lines, two complete, the third active, the last pending.
Three feature rows in a card, each pairing an icon tile with a title and a body line.