---
name: Text
route: /components/text
menu: Components
---

import { Playground, PropsTable } from 'docz';
import Text from './Text';

# Text

## Usage

By default, `<Text />` renders a `<p />`.

```javascript
import { Text } from '@snowpak/powpow';

export default () => (
  <Text>This is a heading</Text>;
);
```

## Props

<PropsTable of={Text} />

## Examples

<Playground>
  <Text data-cy="sp-text--default">Need to get the low-down on ski packages? You’re in the right place! We’ve covered the ins and outs below, so whether you’re planning to go to Colorado, Utah, Switzerland or even Japan on your next ski vacation, you will be well-informed to pick the perfect ski package.</Text>
  <br />
  <Text size="14px" data-cy="sp-text--variation">
    Need to get the low-down on ski packages? You’re in the right place! We’ve covered the ins and outs below, so whether you’re planning to go to Colorado, Utah, Switzerland or even Japan on your next ski vacation, you will be well-informed to pick the perfect ski package.
  </Text>
  <br />

<Text size="32px" weight="800" lineHeight="1.4">
  Need to get the low-down on ski packages? You’re in the right place! We’ve covered the ins and outs below, so whether you’re planning to go to Colorado, Utah, Switzerland or even Japan on your next ski vacation, you will be well-informed to pick the perfect ski package.
</Text>
<br />
</Playground>