Subcomponents

Child components scoped to a parent component.

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

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