A panel is typically used to provide supplemental information or form inputs that relate to your primary canvas.
The panel should take up 50% of the height of its parent container. In most cases, that would be the viewport or main stage of your application.
Panels are broken into three sections: the header, body, and footer.
1. Header - Includes the title and an optional tagline. The title reflects the button text that triggered it. The tagline can contain links, or the entire tagline can be a link. Unlike Modal, panel header does not come with unique color to represent any visual meaning.
2. Body - You can have any type of content: forms, text, videos, and other media. For a directional panel, you can add a step indicator to indicate the user’s progress
3. Footer - Contains the navigational and action buttons. Action buttons, such as Save, Close, Delete, are on the right. Place the primary button—the one that guides the user toward the default action on the far right. For a directional modal, like a wizard, place the Next and Back navigation buttons on the opposite sides (left for Back and right for Next).
Reset Password
You completed 7 out of 10 profile requirement
Download Your Information
Getting Your Data
Getting Your Data
Getting Your Data
No content has been added for this component.
No content has been added for this component.