---
title: Text
category: Primitives
summary: Text is a primitive component that typography components build from.
order: 2
---

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