Panel (Deprecated)
A panel is a visual grouping of similar content or tasks in order create readable and clear experiences for SparkPost's users.
Usage
Examples
Title
This is a panel with a title
Panel System Props
margin
padding
Panel API
title
node
The title of the panel
className
string
Optional class name for the panel
accent
bool | string
orange, blue, red, yellow, green, purple, navy, gray
Renders an accent border on top of the panel
Renders an accent border on top of the panel
sectioned
bool
Whether or not the panel will have sections
actions
array
Lost of actions for the panel. Accepts objects with button props
children
node
The panel content
Panel.Section System Props
padding
Panel.Section API
actions
array
Lost of actions for the panel section. Accepts objects with button props
children
node
The section content
rootRef
function
Maps to Downshift's refKey set in getRootProps. refKey must be set to "rootRef"
Panel.Footer API
left
node
The content for the left side of the footer
right
node
The content for the right side of the footer