| Copyright | (C) 2016-2025 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.Lynx.Element
Description
Synopsis
- lynx_ :: MisoString -> [Attribute action] -> [View model action] -> View model action
- page_ :: [Attribute action] -> [View model action] -> View model action
- view_ :: [Attribute action] -> [View model action] -> View model action
- scrollView_ :: [Attribute action] -> [View model action] -> View model action
- image_ :: MisoString -> [Attribute action] -> View model action
- list_ :: ListOptions -> [Attribute action] -> [View model action] -> View model action
- listItem_ :: [Attribute action] -> [View model action] -> View model action
- text_ :: [Attribute action] -> [View model action] -> View model action
Smart constructor for lynx elements
lynx_ :: MisoString -> [Attribute action] -> [View model action] -> View model action Source #
Smart constructor for constructing a built-in lynx element.
Page
page_ :: [Attribute action] -> [View model action] -> View 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 action] -> [View model action] -> View 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 action] -> [View model action] -> View 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 action] -> View 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
Text
text_ :: [Attribute action] -> [View model action] -> View 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.