Module

Yoga.React.DOM.Internal

Package
purescript-yoga-react-dom
Repository
rowtype-yoga/purescript-yoga-react-dom

#createElementImpl Source

createElementImpl :: forall component props children. Fn3 component props children JSX

#createElementNoKidsImpl Source

createElementNoKidsImpl :: forall component props. Fn2 component props JSX

#createBuiltinElement Source

createBuiltinElement :: forall props children. String -> props -> children -> JSX

#createBuiltinElement_ Source

createBuiltinElement_ :: forall props. String -> props -> JSX

#createElement Source

createElement :: forall props props_ children. IsJSX children => Cons "children" (ReactChildren JSX) props_ props => ReactComponent (Record props) -> Record props_ -> children -> JSX

#createElement_ Source

createElement_ :: forall props. ReactComponent props -> props -> JSX

#unsafeWithChildrenImpl Source

unsafeWithChildrenImpl :: forall c p. Fn2 c p p

#unsafeWithChildren Source

unsafeWithChildren :: forall c p. c -> p -> p

#modifyIfDefinedImpl Source

modifyIfDefinedImpl :: forall a b p. Fn3 String (a -> b) p p

#modifyIfDefined Source

modifyIfDefined :: forall a b p. String -> (a -> b) -> p -> p

#IsJSX Source

class IsJSX a 

Instances

#appendIsJSX Source

appendIsJSX :: forall a b. IsJSX a => IsJSX b => a -> b -> JSX

#(++) Source

Operator alias for Yoga.React.DOM.Internal.appendIsJSX (right-associative / precedence 0)

#noJSX Source

#FFIComponent Source

type FFIComponent :: Row Type -> Typetype FFIComponent props = forall givenProps nonDataProps kids. IsJSX kids => CoerceReactProps (Record givenProps) (Record nonDataProps) (Record props) => Record givenProps -> kids -> JSX

#FFIRawTextComponent Source

type FFIRawTextComponent :: Row Type -> Typetype FFIRawTextComponent props = forall givenProps nonDataProps. CoerceReactProps (Record givenProps) (Record nonDataProps) (Record props) => Record givenProps -> String -> JSX

#FFIComponent_ Source

type FFIComponent_ :: Row Type -> Typetype FFIComponent_ props = forall givenProps nonDataProps. CoerceReactProps (Record givenProps) (Record nonDataProps) (Record props) => Record givenProps -> JSX

#coerceReactProps Source

coerceReactProps :: forall props nonDataProps targetProps. CoerceReactProps props nonDataProps targetProps => props -> targetProps

#CoerceReactProps Source

class CoerceReactProps :: forall k. Type -> k -> Type -> Constraintclass CoerceReactProps props nonDataProps targetProps | props -> nonDataProps

Instances

#WithoutDataPropsRL Source

class WithoutDataPropsRL :: RowList Type -> RowList Type -> Constraintclass WithoutDataPropsRL (from :: RowList Type) (to :: RowList Type) | from -> to

Instances

#MaybeWithoutDataPropRL Source

class MaybeWithoutDataPropRL :: Boolean -> Symbol -> Type -> RowList Type -> RowList Type -> Constraintclass MaybeWithoutDataPropRL (exclude :: Boolean) (propName :: Symbol) (propVal :: Type) (from :: RowList Type) (to :: RowList Type) | exclude propName propVal from -> to

Instances

#WithoutDataProps Source

class WithoutDataProps props without  where

Members

Instances

#DoesStartWith Source

class DoesStartWith :: Symbol -> Symbol -> Boolean -> Constraintclass DoesStartWith (prefix :: Symbol) (full :: Symbol) (match :: Boolean) | prefix full -> match

A class that ensures a key in a row starts with a prefix.

Instances

#DoesStartWithChar Source

class DoesStartWithChar :: Symbol -> Symbol -> Symbol -> Symbol -> Boolean -> Constraintclass DoesStartWithChar (prefixH :: Symbol) (prefixT :: Symbol) (fullH :: Symbol) (fullT :: Symbol) (match :: Boolean) | prefixH prefixT fullH fullT -> match

Instances

#CSS Source

data CSS

An abstract type representing records of CSS attributes.

Instances

#css Source

css :: forall css. Record css -> CSS

Create a value of type CSS (which can be provided to the style property) from a plain record of CSS attributes.

For example:

div { style: css { padding: "5px" } } [ text "This text is padded." ]

#mergeStyles Source

mergeStyles :: Array CSS -> CSS

Merge styles from right to left. Uses Object.assign.

For example:

style: mergeCSS [ (css { padding: "5px" }), props.style ]
Modules
Yoga.React.DOM
Yoga.React.DOM.Attributes
Yoga.React.DOM.Attributes.AutoCapitalize
Yoga.React.DOM.Attributes.Dir
Yoga.React.DOM.Attributes.InputMode
Yoga.React.DOM.Attributes.Target
Yoga.React.DOM.Attributes.YesOrNo
Yoga.React.DOM.Client
Yoga.React.DOM.Event
Yoga.React.DOM.HTML
Yoga.React.DOM.HTML.A
Yoga.React.DOM.HTML.Abbr
Yoga.React.DOM.HTML.Address
Yoga.React.DOM.HTML.Area
Yoga.React.DOM.HTML.Article
Yoga.React.DOM.HTML.Aside
Yoga.React.DOM.HTML.Audio
Yoga.React.DOM.HTML.B
Yoga.React.DOM.HTML.Base
Yoga.React.DOM.HTML.Bdi
Yoga.React.DOM.HTML.Bdo
Yoga.React.DOM.HTML.Blockquote
Yoga.React.DOM.HTML.Body
Yoga.React.DOM.HTML.Br
Yoga.React.DOM.HTML.Button
Yoga.React.DOM.HTML.Canvas
Yoga.React.DOM.HTML.Caption
Yoga.React.DOM.HTML.Cite
Yoga.React.DOM.HTML.Code
Yoga.React.DOM.HTML.Col
Yoga.React.DOM.HTML.ColGroup
Yoga.React.DOM.HTML.Data
Yoga.React.DOM.HTML.DataList
Yoga.React.DOM.HTML.Dd
Yoga.React.DOM.HTML.Del
Yoga.React.DOM.HTML.Details
Yoga.React.DOM.HTML.Dfn
Yoga.React.DOM.HTML.Dialog
Yoga.React.DOM.HTML.Div
Yoga.React.DOM.HTML.Dl
Yoga.React.DOM.HTML.Dt
Yoga.React.DOM.HTML.Em
Yoga.React.DOM.HTML.Embed
Yoga.React.DOM.HTML.FieldSet
Yoga.React.DOM.HTML.Figcaption
Yoga.React.DOM.HTML.Figure
Yoga.React.DOM.HTML.Footer
Yoga.React.DOM.HTML.Form
Yoga.React.DOM.HTML.H
Yoga.React.DOM.HTML.HTML
Yoga.React.DOM.HTML.Head
Yoga.React.DOM.HTML.Header
Yoga.React.DOM.HTML.Hr
Yoga.React.DOM.HTML.I
Yoga.React.DOM.HTML.IFrame
Yoga.React.DOM.HTML.Img
Yoga.React.DOM.HTML.Input
Yoga.React.DOM.HTML.Kbd
Yoga.React.DOM.HTML.Label
Yoga.React.DOM.HTML.Legend
Yoga.React.DOM.HTML.Li
Yoga.React.DOM.HTML.Link
Yoga.React.DOM.HTML.Main
Yoga.React.DOM.HTML.Map
Yoga.React.DOM.HTML.Mark
Yoga.React.DOM.HTML.Menu
Yoga.React.DOM.HTML.Meta
Yoga.React.DOM.HTML.Meter
Yoga.React.DOM.HTML.Nav
Yoga.React.DOM.HTML.NoScript
Yoga.React.DOM.HTML.Object
Yoga.React.DOM.HTML.Ol
Yoga.React.DOM.HTML.Optgroup
Yoga.React.DOM.HTML.Option
Yoga.React.DOM.HTML.Output
Yoga.React.DOM.HTML.P
Yoga.React.DOM.HTML.Param
Yoga.React.DOM.HTML.Picture
Yoga.React.DOM.HTML.Pre
Yoga.React.DOM.HTML.Progress
Yoga.React.DOM.HTML.Q
Yoga.React.DOM.HTML.Rp
Yoga.React.DOM.HTML.Rt
Yoga.React.DOM.HTML.Ruby
Yoga.React.DOM.HTML.S
Yoga.React.DOM.HTML.Samp
Yoga.React.DOM.HTML.Script
Yoga.React.DOM.HTML.Section
Yoga.React.DOM.HTML.Select
Yoga.React.DOM.HTML.Small
Yoga.React.DOM.HTML.Source
Yoga.React.DOM.HTML.Span
Yoga.React.DOM.HTML.Strong
Yoga.React.DOM.HTML.Style
Yoga.React.DOM.HTML.Sub
Yoga.React.DOM.HTML.Summary
Yoga.React.DOM.HTML.Sup
Yoga.React.DOM.HTML.Table
Yoga.React.DOM.HTML.Tbody
Yoga.React.DOM.HTML.Td
Yoga.React.DOM.HTML.Template
Yoga.React.DOM.HTML.Textarea
Yoga.React.DOM.HTML.Tfoot
Yoga.React.DOM.HTML.Th
Yoga.React.DOM.HTML.Thead
Yoga.React.DOM.HTML.Time
Yoga.React.DOM.HTML.Title
Yoga.React.DOM.HTML.Tr
Yoga.React.DOM.HTML.Track
Yoga.React.DOM.HTML.U
Yoga.React.DOM.HTML.Ul
Yoga.React.DOM.HTML.Var
Yoga.React.DOM.HTML.Video
Yoga.React.DOM.HTML.Wbr
Yoga.React.DOM.Handler
Yoga.React.DOM.Internal
Yoga.React.DOM.Server