miso-1.9.0.0: A tasty Haskell front-end web framework

Copyright(C) 2016-2025 David M. Johnson
LicenseBSD3-style (see the file LICENSE)
MaintainerDavid M. Johnson <code@dmj.io>
Stabilityexperimental
Portabilitynon-portable
Safe HaskellNone
LanguageHaskell2010

Miso.Svg

Contents

Description

Example usage:

import Miso
import Miso.Svg

intView :: Int -> View IntAction
intView n = svg_ [ height_ "100", width "100" ] [
   circle_ [ cx_ "50", cy_ "50", r_ "40", stroke_ "green", strokeWidth_ "4", fill_ "yellow" ] []
 ]

More information on how to use miso is available on GitHub

http://github.com/dmjio/miso

Synopsis

Element

SVG

svg_ :: [Attribute action] -> [View action] -> View action Source #

Creates an svg tag

Graphics

Animation

Descriptive

Containers

Text

Fonts

Gradients

Filters

Light source

Misc.

Attribute

Event

Animation

onBegin :: action -> Attribute action Source #

onBegin event

onEnd :: action -> Attribute action Source #

onEnd event

onRepeat :: action -> Attribute action Source #

onRepeat event

Document

onAbort :: action -> Attribute action Source #

onAbort event

onError :: action -> Attribute action Source #

onError event

onResize :: action -> Attribute action Source #

onResize event

onScroll :: action -> Attribute action Source #

onScroll event

onLoad :: action -> Attribute action Source #

onLoad event

onUnload :: action -> Attribute action Source #

onUnload event

onZoom :: action -> Attribute action Source #

onZoom event

Graphical

onActivate :: action -> Attribute action Source #

onActivate event

onFocusIn :: action -> Attribute action Source #

onFocusIn event

onFocusOut :: action -> Attribute action Source #

onFocusOut event

onMouseDown :: action -> Attribute action Source #

onMouseDown event

onMouseMove :: action -> Attribute action Source #

onMouseMove event

onMouseOut :: action -> Attribute action Source #

onMouseOut event

onMouseOver :: action -> Attribute action Source #

onMouseOver event

onMouseUp :: action -> Attribute action Source #

onMouseUp event