Graphics.UI.Threepenny.Ext.Flexbox

Documentation

data ChildProps

Properties for a child.

Constructors

ChildProps

Fields

• cOrder :: Int
• cFlexGrow :: Int
• cFlexShrink :: Int
• cFlexBasis :: Size LengthUnit
• cAlignSelf :: AlignSelfValue

data ParentProps

Properties for a parent.

Constructors

ParentProps

Fields

• pDisplay :: Display
• pFlexDirection :: FlexDirection
• pFlexWrap :: FlexWrap
• pJustifyContent :: JustifyContentValue
• pAlignItems :: AlignItemsValue
• pAlignContent :: AlignContentValue

defaultParentProps :: ParentProps

Default properties for a parent.

defaultChildProps :: ChildProps

Default properties for a child.

flexbox :: UI Element -> ParentProps -> [(UI Element, ChildProps)] -> UI Element

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

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

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

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

Attach elements to a parent element with default Flexbox properties.