| 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.Element
Description
Synopsis
- lynx_ :: MisoString -> [Attribute model action] -> [View context model action] -> View context model action
- lynxDirect_ :: [MisoString] -> MisoString -> [Attribute model action] -> [View context model action] -> View context model action
- page_ :: [Attribute model action] -> [View context model action] -> View context model action
- view_ :: [Attribute model action] -> [View context model action] -> View context model action
- scrollView_ :: [Attribute model action] -> [View context model action] -> View context model action
- image_ :: MisoString -> [Attribute model action] -> View context model action
- list_ :: ListOptions -> [Attribute model action] -> [View context model action] -> View context model action
- listItem_ :: [Attribute model action] -> [View context model action] -> View context model action
- text_ :: [Attribute model action] -> [View context model action] -> View context model action
- frame_ :: [Attribute model action] -> View context model action
Smart constructor for lynx elements
lynx_ :: MisoString -> [Attribute model action] -> [View context model action] -> View context model action Source #
Smart constructor for constructing a built-in lynx element.
Arguments
| :: [MisoString] | Events dispatched directly on this element |
| -> MisoString | Tag name |
| -> [Attribute model action] | |
| -> [View context model action] | |
| -> View context model action |
Like lynx_, but declares the events this element dispatches directly on
itself (Lynx component events like input/scroll that don't bubble to the
delegated mount listener). The runtime binds an element-level listener for
any of these events the element actually handles.
Page
page_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/page.html
page element is the root node, only one page element is allowed per page. You can omit the explicit page wrapper, as the frontend framework will generate the root node by default.
You shouldn't use this, we already generate the page for you when
the initial renderPage callback is invoked by PrimJS, and there can
only be one page present at at time. We include it here for completeness,
and because page functionality might change in the future.
View
view_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/view.html
Basic element, used to contain other elements. view is the foundation for all other elements; its attributes, events, and methods can be used in other elements.
Scroll View
scrollView_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/scroll-view.html
Basic element, used to contain other elements. view is the foundation for all other elements; its attributes, events, and methods can be used in other elements.
Image
image_ :: MisoString -> [Attribute model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/image.html
Used to display different types of images, including web images, static resources, and locally stored images.
https://lynxjs.org/api/elements/built-in/image.html
image_ does not support children.
https://lynxjs.org/api/elements/built-in/image.html#required-src
- Required*
image_ takes a required *src* parameter (as MisoString) by default.
The supported image formats are: *png*, *jpg*, *jpeg*, *bmp*, *gif*, and *webp*.
image_ "https://url.com/image.png" []
List
list_ :: ListOptions -> [Attribute model action] -> [View context model action] -> View context model action Source #
listItem_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
Text
text_ :: [Attribute model action] -> [View context model action] -> View context model action Source #
https://lynxjs.org/api/elements/built-in/text.html
text is a built-in component in Lynx used to display text content. It supports specifying text style, binding click event callbacks, and can nest text, image, and view components to achieve relatively complex text and image content presentation.