COMPONENTS / 06

A little structure.
Room for your content.

The same panels used throughout this playground, ready for your own pages and forms.

The everyday panel

A title, a little context, and content that is entirely yours.

PREVIEW

Group related content with a themed surface, border and responsive padding.

Project details

Header actions and a footer for the next step.

DRAFT

Project name

Panels are containers, not forms. Use an EditForm when you need validation.

No header required. Use a plain panel when the content speaks for itself.

YOUR CONTENT, A LITTLE STRUCTURE

<FsPanel Title="Project details" Description="Make it yours." Badge="DRAFT">
    <ChildContent>Your content here</ChildContent>
    <Footer>Your actions here</Footer>
</FsPanel>

A little structure.Room for your content.

The everyday panel

Project details

A little structure.
Room for your content.