React.Basic.DOM.Simplified.ToJSX

class ToJSX jsx  where

Members

• toJSX :: jsx -> Array JSX

Instances

• ToJSX (Array JSX)
• (ToJSX t) => ToJSX (Array t)
• (ToJSX t) => ToJSX (Maybe t)
• ToJSX String
• ToJSX JSX

el :: forall props jsx. Lacks "children" props => ToJSX jsx => ReactComponent { children :: Array JSX | props } -> Record props -> jsx -> JSX

Helper function to easily use any ReactComponent and compose it with the simplified html tags. E.g. using NextUI:

-- Import the simplified elements
import React.Basic.DOM.Simplified.Generated as R

...

-- Import your react components
foreign import container :: forall props. ReactComponent { | props }
foreign import row :: forall props. ReactComponent { | props }
foreign import col :: forall props. ReactComponent { | props }

...

-- Build your jsx
el container {} $ 
  el row {} $ 
  el col {} $ 
  R.div {} "Some text"