Subcomponents

Subcomponents are child components scoped to a parent (also known as compound components). Use them to group related components together. In code, they are represented as properties of the parent component.

<Card>
  <Card.Header>Title</Card.Header>
  <Card.Body>Content goes here</Card.Body>
  <Card.Footer>Actions</Card.Footer>
</Card>

In this example, Card is the parent component. Header, Body, and Footer are subcomponents.

Creating subcomponents

Subcomponent panel when editing a component

Open your parent component
In the left panel, click on Subcomponents > to create a new subcomponent

Last modified on September 19, 2026

Design

Browser

Agent

Building from scratch

Admin and billing

Creating subcomponents

​Creating subcomponents

Creating subcomponents