# Heading

An Orbit component for displaying headlines.

To import the `Heading` component to your project:

```jsx
import { Heading } from '@kiwicom/orbit-react-native';
```

## Usage

```jsx
<Heading>Hello World!</Heading>
```

## Props

Table below contains all types of the props available in Heading component.

| Name       | Type            | Default    | Description                                                                                                                                    |
| :--------- | :-------------- | :--------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| children   | `React.Node`    |            | The content of the Heading.                                                                                                                    |
| testID     | `string`        |            | Optional prop for testing purposes. (This disables the 'layout-only view removal' optimization for this view!)                                 |
| inverted   | `boolean`       |            | The `true`, the Heading color will be white.                                                                                                   |
| spaceAfter | `enum`          |            | Additional `marginBottom` after component. [See this docs](https://github.com/kiwicom/orbit-components/tree/master/src/common/getSpacingToken) |
| **type**   | [`enum`](#enum) | `"title1"` | The size type of Heading.                                                                                                                      |
| nativeID   | `string`        |            | Used to locate this view from native classes. (This disables the 'layout-only view removal' optimization for this view!)                       |

### enum

| type                |
| :------------------ |
| `"display"`         |
| `"displaySubtitle"` |
| `"title1"`          |
| `"title2"`          |
| `"title3"`          |
| `"title4"`          |
| `"title5"`          |