| Copyright | (C) 2016-2026 David M. Johnson |
|---|---|
| License | BSD3-style (see the file LICENSE) |
| Maintainer | David M. Johnson <code@dmj.io> |
| Stability | experimental |
| Portability | non-portable |
| Safe Haskell | None |
| Language | Haskell2010 |
Miso.Native.X.Element
Description
Smart constructors for the Lynx
XElement family — the
extended, opt-in built-in elements (<input>, <textarea>,
<overlay>, <svg>, <refresh>, <viewpager>,
<scroll-coordinator>, <blur-view>, <webview> and
<title-bar-view>).
Attributes, events and methods for each element live in the corresponding
Miso.Native.X.Element.<Name> modules.
Synopsis
- input_ :: [Attribute model action] -> View context model action
- textarea_ :: [Attribute model action] -> View context model action
- overlay_ :: [Attribute model action] -> [View context model action] -> View context model action
- svg_ :: [Attribute model action] -> [View context model action] -> View context model action
- refresh_ :: [Attribute model action] -> [View context model action] -> View context model action
- refreshHeader_ :: [Attribute model action] -> [View context model action] -> View context model action
- viewpager_ :: [Attribute model action] -> [View context model action] -> View context model action
- viewpagerItem_ :: [Attribute model action] -> [View context model action] -> View context model action
- scrollCoordinator_ :: [Attribute model action] -> [View context model action] -> View context model action
- scrollCoordinatorHeader_ :: [Attribute model action] -> [View context model action] -> View context model action
- scrollCoordinatorSlot_ :: [Attribute model action] -> [View context model action] -> View context model action
- scrollCoordinatorToolbar_ :: [Attribute model action] -> [View context model action] -> View context model action
- blurView_ :: [Attribute model action] -> [View context model action] -> View context model action
- webview_ :: [Attribute model action] -> View context model action
- titleBarView_ :: [Attribute model action] -> [View context model action] -> View context model action
Input
input_ :: [Attribute model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/input.html
Single-line text input element. Does not support children.
Textarea
textarea_ :: [Attribute model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/textarea.html
Multi-line text input element. Does not support children.
Overlay
overlay_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/overlay.html
Renders its children on an independent layer above the page.
Svg
svg_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/svg.html
Displays SVG content, supplied either inline via content_ or by URL via
src_.
Refresh
refresh_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/refresh.html
Pull-to-refresh container. Wraps a refreshHeader_ and a vertically
scrollable child.
refreshHeader_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/refresh.html
Customizable header revealed during the pull gesture of a refresh_.
Viewpager
viewpager_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/viewpager.html
Horizontally paged container. Each page is a viewpagerItem_.
viewpagerItem_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/viewpager.html
A single page within a viewpager_.
Scroll Coordinator
scrollCoordinator_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/scroll-coordinator.html
Coordinates nested scrolling, typically used with sticky headers and tabbed layouts.
scrollCoordinatorHeader_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/scroll-coordinator.html
The collapsing header of a scrollCoordinator_. Folds away as the slot
content scrolls. Required (together with scrollCoordinatorSlot_).
scrollCoordinatorSlot_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/scroll-coordinator.html
The main content region of a scrollCoordinator_, whose scroll drives the
header fold. Holds the scrollable child (e.g. a scrollView_). Required
(together with scrollCoordinatorHeader_).
scrollCoordinatorToolbar_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/scroll-coordinator.html
An optional sticky bar of a scrollCoordinator_ that stays pinned while the
header folds (e.g. tabs above the content).
Blur View
blurView_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/blur-view.html
Applies a Gaussian blur / material effect to the content behind it.
Webview
webview_ :: [Attribute model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/webview.html
Embeds a web page. Does not support children.
Title Bar View
titleBarView_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/title-bar-view.html
Defines a custom draggable window region (Clay Windows / macOS).