Text

0.6.0-alpha.7

The Text component uses

theme.text.default

as its default variant style.

import { Text } from 'theme-ui';

Hello

({
  fontWeight,
  fontSize,
}) => (
  <Text
    sx={{
      fontSize,
      fontWeight,
    }}
  >
    Hello
  </Text>
)

Name	Description	Default	Controls
fontWeight	options	normal
fontSize	number	4

	Name	Description	Default
BoxOwnProps (4 properties)

	as	ElementType<any>	-
	variant	string	-
	css	Interpolation<any>	-
	sx	ThemeUIStyleObject	-
SpaceProps (28 properties)
HTMLAttributes (44 properties)
OpacityProps (1 properties)
AriaAttributes (48 properties)
DOMAttributes (161 properties)
Attributes (1 properties)
BackgroundColorProps (2 properties)
RefAttributes (1 properties)