Tree Diagram

About this piece

Tree Diagram

A filled parent node branches into two outlined children.

Usage

The import and the props worth knowing about, in one place.

import { Shapes13 } from "@/components/beste/piece/shapes13";

<Shapes13 />

More Shapes pieces

View all Shapes

Step Indicator

Four nodes connected by lines, two complete, the third active, the last pending.

Workflow Boxes

Three squares connected by arrows, stepping from outline to fill.

Plus Cross

Two intersecting rounded bars forming a solid plus mark.

Multi-step Form

Three-node progress strip above a card with two fields and back-next actions.

Hero Section

Two heading bars, supporting body lines, and a primary plus outlined CTA pair.

Geometric Trio

Triangle, circle, and square primitives lined up in three tones.