threepenny-gui-flexbox-0.3.0.1: Flexbox layouts for Threepenny-gui.

Safe HaskellNone
LanguageHaskell2010

Graphics.UI.Threepenny.Ext.Flexbox

Contents

Synopsis

Parent Properties

parentProps :: ParentProps Source #

Default properties for a parent.

Child Properties

data ChildProps Source #

Properties for a child.

childProps :: ChildProps Source #

Default properties for a child.

Core Functions

flexbox Source #

Arguments

:: UI Element

Parent

-> ParentProps

Parent Flexbox properties

-> [(UI Element, ChildProps)]

Children and respective Flexbox properties

-> UI Element

Parent with attached children

Attach elements to a parent element, with given Flexbox properties applied.

setProps :: ToStyle a => UI Element -> a -> UI Element Source #

Set Flexbox properties on an element.

toStyle :: ToStyle a => a -> [(String, String)] Source #

Helper functions

column :: UI Element -> [UI Element] -> UI Element Source #

Attach elements to a parent element with flex-direction column.

row :: UI Element -> [UI Element] -> UI Element Source #

Attach elements to a parent element with default Flexbox properties.