Pux.Form

data FieldF s e a

type Field s e = Exists (FieldF s e)

type Fields s e = CatList (Field s e)

field :: forall a e s. Render a => Lens' s a -> Fields s e

Wraps a lens into a field, without HTML label

fieldWrapped :: forall a e s. Render a => Lens' s a -> (HTML e -> HTML e) -> Fields s e

Create a field with a lens and a function that wraps around the <input> element. For example typical form would wrap <input> with a <label> tag. See fieldWithLabel for example.

fieldWithLabel :: forall a e s. Render a => Lens' s a -> HTML e -> Fields s e

Create a field with a lens and a HTML element. The element will be added in front of the <input> element, inside the <label> tag.

fieldWithText :: forall a e s. Render a => Lens' s a -> String -> Fields s e

Create a field with a lens and a String that is used as the label.

Operator alias for Pux.Form.fieldWrapped (left-associative / precedence 5)

Operator alias for Pux.Form.fieldWithLabel (left-associative / precedence 5)

Operator alias for Pux.Form.fieldWithText (left-associative / precedence 5)

form :: forall e s. s -> Fields s e -> (s -> e) -> HTML e

Turns fields into the form HTML.

class Render a  where

Members

• render :: a -> HTML a

Instances

• Render String
• Render Boolean
• Render Int
• Render Number
• Render TextArea
• Render Password
• Render File
• Render Range
• Render RangeNum
• (Eq a, Show a) => Render (Dropdown a)
• Render (ConstButton a)