Lumi.Components2.Text

nbsp :: String

data Text

type TextProps :: Row Typetype TextProps = (component :: Text, content :: String, type :: Maybe TextType)

data TextType

text :: LumiComponent TextProps

Inline piece of text whose content prop is a String. Elements of this component should preferentially be used only where an inline piece of text with no bottom margin is expected.

For block-level, independent text elements, please use paragraph, paragraph_, or the header components defined in this module.

type TextModifier c = forall r. PropsModifier (component :: c, type :: Maybe TextType | r)

The c type parameter lets us constrain the type of component to which a text modifier may be applied: Text, Header or any.

body :: TextModifier Text

strong :: forall c. TextModifier c

emphasized :: forall c. TextModifier c

subtext :: TextModifier Text

muted :: forall c. TextModifier c

color :: forall c. (forall a. ColorMap a -> a) -> TextModifier c

noMargin :: forall c. TextModifier c

truncate :: forall c. TextModifier c

type ParagraphProps :: Row Typetype ParagraphProps = (component :: Text, content :: Array JSX, type :: Maybe TextType)

paragraph_ :: LumiComponent TextProps

A variant of paragraph whose content prop is a String.

paragraph :: LumiComponent ParagraphProps

A paragraph is a block-level element that contains text and/or other inline-level elements, such as images. Paragraphs also define a bottom margin so that multiple paragraphs in a column can read nicely with proper spacing.

Paragraphs are used for laying out chunks of text as concrete, individual and independent elements in a page.

boldBody_ :: String -> JSX

data Header

type HeaderProps :: Row Typetype HeaderProps = (component :: Header, content :: String, type :: Maybe TextType)

sectionHeader :: LumiComponent HeaderProps

subsectionHeader :: LumiComponent HeaderProps

subSubsectionHeader :: LumiComponent HeaderProps

title :: LumiComponent HeaderProps

mainHeader :: LumiComponent HeaderProps