Split View
- HTML/CSS:Dev Ready
- Layout:Desktop Only
split-view
.slds-split-view_container — Split view is used to navigate between records in a list while staying on the same screen.
base
.slds-split-view_container — Wrapper of split view
.slds-is-closed
.slds-is-closed — Modifier to rotate the left arrow icon on close
.slds-is-open
.slds-is-open — Toggles open/close state of split view container
.slds-split-view
.slds-split-view
.slds-split-view__header
.slds-split-view__header — Header of split view
.slds-split-view__list-header
.slds-split-view__list-header — Column headers
.slds-split-view__list-item
.slds-split-view__list-item — Each row of the list of split view
.slds-indicator_unread
.slds-indicator_unread — Unread states
.slds-split-view__list-item-action
.slds-split-view__list-item-action — Actionable row of split view
.slds-split-view__toggle-button
.slds-split-view__toggle-button — Expand/Collapse button to toggle open/close state of split view
.slds-is-closed
.slds-is-closed — Modifier to rotate the left arrow icon on close
.slds-is-open
.slds-is-open — Toggles open/close state of split view container