2.0.3 • Published 21 days ago
Share package mds-horizontal-scroll This is a web-component from Maggioli Design System Magma , built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Properties Property Attribute Description Type Default controlscontrolsSpecifies the viewport which will display navigation controls "all" \| "desktop" \| "large" \| "none" \| "tablet" \| "tv" \| "wide" \| "xlarge" \| undefined'desktop'scrollbarscrollbarSpecifies the box’s snap position as an alignment of its snap area boolean \| undefinedundefinedsnapsnapSpecifies the box’s snap position as an alignment of its snap area "center" \| "end" \| "none" \| "start" \| undefined'start'
Slots Slot Description "default"Add text string, HTML elements or components to this slot.
Shadow Parts CSS Custom Properties Name Description --mds-horizontal-scroll-backgroundSets the background-color of the component --mds-horizontal-scroll-scrollbar-marginSets the margin of the browser scroll bar (if supported) --mds-horizontal-scroll-scrollbar-radiusSets the border-radius of the browser scroll bar (if supported) --mds-horizontal-scroll-scrollbar-sizeSets the height and width of the browser scroll bar (if supported) --mds-horizontal-scroll-scrollbar-thumb-backgroundSets the background-color of the browser scroll bar thumb (if supported) --mds-horizontal-scroll-scrollbar-track-backgroundSets the background-color of the browser scroll bar track (if supported)
Dependencies Depends on Graph graph TD;
mds-horizontal-scroll --> mds-button
mds-button --> mds-spinner
mds-button --> mds-icon
mds-button --> mds-text
style mds-horizontal-scroll fill:#f9f,stroke:#333,stroke-width:4pxBuilt with love @ Gruppo Maggioli from R&D Department