Tapestry-React

Github

Text

View Source

Text is a primitive component that typography components build from.

Text weight: 300

Text weight: 600

Text weight: 900

render(
  <StackView spacing={1}>
    {[300, 600, 900].map((weight) => (
      <Text key={weight} weight={weight} mediaQueries={{ lg: { size: 2 } }}>
        Text weight: {weight}
      </Text>
    ))}
  </StackView>
)

render(
  <StackView spacing={1}>
    {[300, 600, 900].map((weight) => (
      <Text key={weight} weight={weight} mediaQueries={{ lg: { size: 2 } }}>
        Text weight: {weight}
      </Text>
    ))}
  </StackView>
)

PreviousBox NextIcon