Layouts/Layout Panel

fd-layout-panel · 3 examples from SAP's documentation · Back to the gallery

About

Layout Panels are used to encapsulate part of the content, form elements, lists, collections, etc., on a page. Place patterns and interactions within panels on your pages to achieve focus and separation for the tasks at-hand with the information displayed inside the panel.

Primary

.fd-layout-panel__title

.fd-layout-panel__description

.fd-layout-panel__actions
.fd-layout-panel__filters
.fd-layout-panel__body
.fd-layout-panel__footer

TransparentBackground

.fd-layout-panel__title

.fd-layout-panel__description

.fd-layout-panel__filters
.fd-layout-panel__body
.fd-layout-panel__footer

FooterVariations

.fd-layout-panel__title

.fd-layout-panel__description

.fd-layout-panel__actions
.fd-layout-panel__filters
.fd-layout-panel__body
.fd-layout-panel__footer.fd-layout-panel__footer--end
.fd-layout-panel__title

.fd-layout-panel__description

.fd-layout-panel__actions
.fd-layout-panel__filters
.fd-layout-panel__body
.fd-layout-panel__footer.fd-layout-panel__footer--start