Skip to content

SiListDetailsComponent documentation

selector
si-list-details

Input Properties

NameTypeDefaultDescription
detailsActive
booleanfalseWhether the details are currently active or not, mostly relevant in the responsive scenario when the viewport only shows either the list or the detail.
disableResizing
booleanfalseWhether the list and detail parts should be resizable by a splitter or not. This is only supported in the 'large' scenario (when hasLargeSize is true ). Default value is false .
listWidth
(number | "default")'default'The percentage width of the list view of the overall component width. Can be a number or 'default' , which is 32%.
minDetailsSize
number300Sets the minimal width of the detail component in pixel.
minListSize
number300Sets the minimal width of the list component in pixel.
stateId
stringAn optional stateId to uniquely identify a component instance. Required for persistence of ui state.

Output Properties

NameTypeDescription
detailsActiveChange
booleanWhether the details are currently active or not, mostly relevant in the responsive scenario when the viewport only shows either the list or the detail.
listWidthChange
(number | "default")The percentage width of the list view of the overall component width. Can be a number or 'default' , which is 32%.

Attributes and Methods

NameTypeDefaultDescription
(readonly) expandBreakpoint
InputSignal<number>BOOTSTRAP_BREAKPOINTS.mdMinimumA numeric value defining the minimum width in px, which the component needs to be displayed in its large layout. Whenever smaller than this threshold, the small layout will be used. Default is value is BOOTSTRAP_BREAKPOINTS.mdMinimum.
(readonly) hasLargeSize
Signal<boolean>...

Types Documentation

No types to document for items on this page.


Except where otherwise noted, content on this site is licensed under MIT License.