Scroller Table of Contents

• Props
• Slots
• CSS Variables

PropertiesPropertyAttributeDescriptionTypeDefaultalignScrollIndicator 🚫align-scroll-indicatordeprecated since v4.0.0, will be removed with next major release, has no effect anymore.type ScrollerAlignScrollIndicator =
'top'
'center''center'aria ariaAdd ARIA role.type ScrollerAriaAttribute = {
  'role'?: string;
}undefinedcompact compactDisplays with reduced spacing and smaller padding for a more condensed layout.booleanundefinedscrollbar scrollbarSpecifies if scrollbar should be shown.booleanfalsescrollToPosition 🚫scroll-to-positiondeprecated since v4.0.0, use native scrollIntoView() on the slotted element itself.type ScrollerScrollToPosition = {
  'scrollPosition'?: number;
  'isSmooth'?: boolean;
}undefinedsticky 🧪stickyexperimental Makes the indicator sticky at the top or bottom while scrolling depending on the scroll direction.booleanfalseSlotsSlotDescriptionisRequiredaltPropallowedTagNames<slot> Default slot for the scroller content.CSS VariablesCSS VariableDescriptiondefaultValue--p-scroller-gap Defines the gap between slotted nodes.8px--p-scroller-indicator-top Defines the distance from the top of the viewport at which the indicator sticks when scrolling down and `sticky` is enabled.0px--p-scroller-indicator-bottom Defines the distance from the bottom of the viewport at which the indicator sticks when scrolling up and `sticky` is enabled.0px