Panels

The panel component is used to contain content in a structured format. Panel Design Guidelines.

Panel header

Lorem ipsum dolor amet officia humblebrag selvage, subway tile vexillologist id pickled adaptogen fashion axe. Ennui meh pitchfork banh mi. Keffiyeh PBRB echo park gastropub. Pop-up neutra brunch ullamco affogato shaman vexillologist quinoa post-ironic locavore. Retro selfies proident synth ethical quinoa marfa chartreuse dolor vexillologist gochujang. Tempor poke unicorn, readymade crucifix fugiat culpa. Kinfolk hella asymmetrical, meggings et consectetur lomo farm-to-table exercitation DIY.

Leggings consectetur heirloom, sustainable 90's scenester sartorial sint meditation portland health goth bespoke gastropub authentic. Flannel iceland narwhal, laborum adaptogen paleo glossier reprehenderit. Ethical ugh copper mug voluptate brooklyn velit 3 wolf moon tacos. Bushwick vexillologist air plant, veniam jianbing poke semiotics wayfarers. Typewriter single-origin coffee cray, thundercats asymmetrical succulents green juice irure cred taxidermy celiac.

Edit the code below to see your changes live!

API

Panel

Prop Name
Type
Default
Description
headerstring

Defines the panel header text.

actionButtonProps & { text: string }

Defines the panel action button.

Props ending with * are required

Inherited Props

Expand

Margin Props

Beta