Packages
mishka_chelekom
0.0.9
0.0.10-alpha.5
0.0.10-alpha.4
0.0.10-alpha.3
0.0.10-alpha.2
0.0.10-alpha.1
0.0.9
0.0.9-rc.2
0.0.9-rc.1
0.0.9-beta.5
0.0.9-beta.4
0.0.9-beta.3
0.0.9-beta.2
0.0.9-beta.1
0.0.9-alpha.20
0.0.9-alpha.18
0.0.9-alpha.17
0.0.9-alpha.16
0.0.9-alpha.15
0.0.9-alpha.14
0.0.9-alpha.13
0.0.9-alpha.12
0.0.9-alpha.11
0.0.9-alpha.10
0.0.9-alpha.9
0.0.9-alpha.8
0.0.9-alpha.7
0.0.9-alpha.6
0.0.9-alpha.5
0.0.9-alpha.4
0.0.9-alpha.3
0.0.9-alpha.2
0.0.9-alpha.1
0.0.8
0.0.8-rc.2
0.0.8-rc.1
0.0.8-beta.5
0.0.8-beta.4
0.0.8-beta.3
0.0.8-beta.2
0.0.8-beta.1
0.0.8-alpha.4
0.0.8-alpha.3
0.0.8-alpha.2
0.0.8-alpha.1
0.0.7
0.0.6
0.0.6-alpha.2
0.0.6-alpha.1
0.0.5
0.0.5-beta.2
0.0.5-beta.1
0.0.5-alpha.12
0.0.5-alpha.11
0.0.5-alpha.10
0.0.5-alpha.9
0.0.5-alpha.8
0.0.5-alpha.7
0.0.5-alpha.6
0.0.5-alpha.5
0.0.5-alpha.4
0.0.5-alpha.3
0.0.5-alpha.2
0.0.5-alpha.1
0.0.4
0.0.4-beta.3
0.0.4-beta.2
0.0.4-beta.1
0.0.4-alpha.9
0.0.4-alpha.8
0.0.4-alpha.7
0.0.4-alpha.6
0.0.4-alpha.5
0.0.4-alpha.4
0.0.4-alpha.3
0.0.4-alpha.2
0.0.4-alpha.1
0.0.3
0.0.3-alpha.3
0.0.3-alpha.2
0.0.3-alpha.1
0.0.2
0.0.2-rc.2
0.0.2-rc.1
0.0.2-beta.4
0.0.2-beta.3
0.0.2-beta.2
0.0.2-beta.1
0.0.2-alpha.3
0.0.2-alpha.2
0.0.2-alpha.1
0.0.1
Mishka Chelekom is a fully featured components and UI kit library for Phoenix & Phoenix LiveView
Current section
Files
Jump to
Current section
Files
priv/headless/scroll_area.exs
[
scroll_area: [
name: "scroll_area",
category: "media",
doc_url: "https://www.w3.org/WAI/ARIA/apg/",
args: [type: ["scroll_area"], only: ["scroll_area"], helpers: [], module: ""],
optional: [],
necessary: [],
scripts: [
%{
module: "ScrollArea",
type: "file",
file: "scrollArea.js",
imports: "import ScrollArea from \"./scrollArea.js\";"
}
],
headless: [
anatomy: [
root: [
element: "div",
data_attributes: [
"data-orientation",
"data-scrolling",
"data-has-overflow-x",
"data-has-overflow-y",
"data-overflow-x-start",
"data-overflow-x-end",
"data-overflow-y-start",
"data-overflow-y-end"
],
note: "carries the ScrollArea hook; exposes --scroll-area-overflow-* and --scroll-area-thumb-* CSS vars",
required: true
],
parts: [
viewport: [element: "div", note: "the scrollable, focusable viewport (native scrollbar hidden)"],
content: [element: "div", note: "wraps the scrollable content"],
scrollbar: [
element: "div",
data_attributes: ["data-orientation", "data-hovering", "data-scrolling"]
],
thumb: [
element: "div",
data_attributes: ["data-orientation"],
note: "draggable; sized via --scroll-area-thumb-*"
],
corner: [element: "div", note: "shown with orientation=both where the scrollbars meet"]
]
],
aria_pattern: [
pattern: "Scroll area",
keyboard: ["Arrow/PageUp/PageDown: scroll the focused viewport"]
],
state_attributes: [
"data-orientation",
"data-scrolling",
"data-hovering",
"data-has-overflow-x",
"data-has-overflow-y",
"data-overflow-x-start",
"data-overflow-x-end",
"data-overflow-y-start",
"data-overflow-y-end"
],
hooks: ["ScrollArea"]
]
]
]