# Text Ui

```
lib.showTextUI(text, options)
```

* text: `string`
* options?: `table`
  * position?: `'right-center'` or `'left-center'` or `'top-center'`
    * Default: `'right-center'`
  * icon?: `string` or `table` (`array`)
  * iconColor?: `string`
  * style?: React.CSSProperties

## lib.hideTextUI[​](https://overextended.github.io/docs/ox_lib/Modules/Interface/Client/textui#libhidetextui) <a href="#libhidetextui" id="libhidetextui"></a>

```
lib.hideTextUI()
```

## Usage Example[​](https://overextended.github.io/docs/ox_lib/Modules/Interface/Client/textui#usage-example) <a href="#usage-example" id="usage-example"></a>

```
lib.showTextUI('[E] - Fuel vehicle')
```

![](https://i.imgur.com/uZS40fD.png)

## **Custom styling**[**​**](https://overextended.github.io/docs/ox_lib/Modules/Interface/Client/textui#custom-styling)

```
lib.showTextUI('[E] - Pick apple', {
    position = "top-center",
    icon = 'hand',
    style = {
        borderRadius = 0,
        backgroundColor = '#48BB78',
        color = 'white'
    }
})
```

![](https://i.imgur.com/sy9lPC0.png)
