ScrollButtonsComponent
component
Wrapper component that adds left/right scroll buttons when its content overflows horizontally. Buttons appear only when there is overflow in the respective direction.
Example :
<yuv-scroll-buttons>
<mat-chip-grid>...</mat-chip-grid>
</yuv-scroll-buttons>Component Metadata
Section titled “Component Metadata”Selector: yuv-scroll-buttons
Standalone: No
Inputs
Section titled “Inputs”scrollAmount
Section titled “scrollAmount”Type: any
Default Value: DEFAULT_SCROLL_AMOUNT
How many pixels to scroll per button click.
Properties
Section titled “Properties”scrollContainer
Section titled “scrollContainer”Type: unknown
Default Value: viewChild.required<ElementRef<HTMLElement>>('scrollContainer')
showLeftButton
Section titled “showLeftButton”Type: unknown
Default Value: signal(false)
showRightButton
Section titled “showRightButton”Type: unknown
Default Value: signal(false)
Methods
Section titled “Methods”onScroll
Section titled “onScroll”onScroll(): voidscrollLeft
Section titled “scrollLeft”scrollLeft(): voidscrollRight
Section titled “scrollRight”scrollRight(): void