scroll-shadow-element
Version:
A small web component to enhance scrollable elements with dynamic scroll indicators.
76 lines (75 loc) • 2.38 kB
JSON
{
"schemaVersion": "2.0.0",
"modules": [
{
"kind": "javascript-module",
"path": "dist/index.js",
"declarations": [
{
"kind": "class",
"name": "ScrollShadowElement",
"cssProperties": [
{
"description": "Sets the maximum size of the scroll indicators",
"name": "--scroll-shadow-size",
"syntax": "<integer>",
"default": "14"
},
{
"description": "Controls the appearance of the top scroll indicator",
"name": "--scroll-shadow-top",
"syntax": "none | <image>",
"default": "radial-gradient(farthest-side at 50% 0%, #0003, #0000)"
},
{
"description": "Controls the appearance of the bottom scroll indicator",
"name": "--scroll-shadow-bottom",
"syntax": "none | <image>",
"default": "radial-gradient(farthest-side at 50% 100%, #0003, #0000)"
},
{
"description": "Controls the appearance of the left scroll indicator",
"name": "--scroll-shadow-left",
"syntax": "none | <image>",
"default": "radial-gradient(farthest-side at 0%, #0003, #0000)"
},
{
"description": "Controls the appearance of the right scroll indicator",
"name": "--scroll-shadow-right",
"syntax": "none | <image>",
"default": "radial-gradient(farthest-side at 100%, #0003, #0000)"
}
],
"superclass": {
"name": "HTMLElement"
},
"tagName": "scroll-shadow",
"customElement": true,
"demos": [
{
"url": "https://ingmarh.github.io/scroll-shadow-element/demo/"
}
]
}
],
"exports": [
{
"kind": "js",
"name": "ScrollShadowElement",
"declaration": {
"name": "ScrollShadowElement",
"module": "dist/index.js"
}
},
{
"kind": "custom-element-definition",
"name": "scroll-shadow",
"declaration": {
"name": "ScrollShadowElement",
"module": "dist/index.js"
}
}
]
}
]
}