ToolJet/docs/versioned_docs/version-2.50.0-LTS/widgets/divider.md

---
id: divider
title: Divider
---

The **Divider** component is used to add a separator between components.

<div style={{paddingTop:'24px'}}>

## Component Specific Actions (CSA)

There are currently no CSA (Component-Specific Actions) implemented to regulate or control the component.

</div>

<div style={{paddingTop:'24px'}}>

## Exposed variables

There are currently no exposed variables for the component.

</div>

<div style={{paddingTop:'24px'}}>

## General

### Tooltip

A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.

Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the component will display the string as the tooltip.

</div>

<div style={{paddingTop:'24px'}}>

## Layout

| <div style={{ width:"135px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div>    | Expected Value                                                  |
| :------------------------------------------- | :----------------------------------------------------| :-------------------------------------------------------------- |
| Show on Desktop                              | Makes the component visible in desktop view.         | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
| Show on Mobile                               | Makes the component visible in mobile view.          | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |


</div>

<div style={{paddingTop:'24px'}}>

---

## Styles

| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div>                                               |
| ------------------------------------------- | ----------------------------------------------------------------------------------------------- |
| Divider Color                               | It is used to set the color of the divider. Use hex code to set the background color.           |
| Visibility                                  | This property is used to set the visibility of the divider. The property accepts Boolean value. |

:::info
Any property having **fx** button next to its field can be **programmatically configured**.
:::

</div>