# Text

Text displays words and characters at various sizes.

![MonalisaUI](https://raw.githubusercontent.com/tuantvk/monalisa-ui/master/assets/monalisaui-text.png)

View full example: [Text Example](https://github.com/tuantvk/monalisa-ui/blob/master/example/Text/index.js)

```javascript
import React from 'react';
import { Text } from 'monalisa-ui';

const Example = () => (
  <Text>This is Text component</Text>
);

export default Example;
```

## Configuration

| Property | Default |  Option |            Description            |
| -------- | :-----: | :-----: | :-------------------------------: |
| h1       |  false  | boolean |            Font size 40           |
| h2       |  false  | boolean |            Font size 34           |
| h3       |  false  | boolean |            Font size 28           |
| h4       |  false  | boolean |            Font size 22           |
| h5       |  false  | boolean |            Font size 18           |
| color    |   #000  |  string |       Set color for the text      |
| bold     |  false  | boolean | Set font weight bold for the text |
| style    |    -    |    -    |         Style for the text        |

## Example

```javascript
import React from 'react';
import { View } from 'react-native';
import { Text } from 'monalisa-ui';

const Example = () => (
  <View>
    <Text h1>This is Text h1</Text>
    <Text h2>This is Text h2</Text>
    <Text h3>This is Text h3</Text>
    <Text h4>This is Text h4</Text>
    <Text bold>This is Text bold</Text>
    <Text color="#ff0000">This is Text color red</Text>
    <Text style={{ margin: 20 }}>This is Text custom style</Text>
  </View>
);

export default Example;
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://tuantvk.gitbook.io/monalisaui/text.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.