React.Basic.Emotion

data Style

Instances

• Semigroup Style
• Monoid Style

data StyleProperty

Instances

• Semigroup StyleProperty
• Monoid StyleProperty

class IsStyle a  where

Members

• style :: a -> Style

class IsStyleProperty a  where

Members

• prop :: a -> StyleProperty

element :: forall props. ReactComponent { className :: String | props } -> { className :: String, css :: Style | props } -> JSX

Create a JSX node from a ReactComponent, by providing the props.

This function is identical to React.Basic.element plus Emotion's css prop.

css :: forall r. Homogeneous r StyleProperty => Record r -> Style

nested :: Style -> StyleProperty

merge :: Array Style -> Style

str :: String -> StyleProperty

int :: Int -> StyleProperty

num :: Number -> StyleProperty

fallbacks :: Array StyleProperty -> StyleProperty

none :: StyleProperty

inherit :: StyleProperty

unset :: StyleProperty

url :: URL -> StyleProperty

color :: Color -> StyleProperty