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

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!



A Panel can use all Box props, besides backgroundColor, shadow, and any padding props. Otherwise, supports all native <div /> element attributes.

Inherited Props


Margin Props