Library/molecules/Section

Section

molecule

Titled card container using HeroUI v3 Card with header separator.

Added in 0.1.0Last modified in 0.6.0

Live Preview

ThemeDefault Light
Device
Desktop

Props

PropTypeDescriptionRequired
titlestringSection titleyes
childrenReactNodeSection contentyes

Usage

import { Section } from '@qsp-life/particle';

<Section title="Contact">
  <DataField label="Phone" value="(555) 123-4567" />
</Section>

Import

import { Section } from '@qsp-life/particle';