# Separator

This topic covers separator item in C1Ribbon.

## Content

The separator item is a horizontal or vertical bar used to provide visual separation between items/commands in a group, toolbar, StatusBar or drop-down menus.

![Separator](https://cdn.mescius.io/document-site-files/images/5560dc72-88a5-4eeb-a384-981194dfc831/images/separatornew1.png)

### Adding Separator at Design-Time

The **Ribbon Separator** can be added at design-time using the **Ribbon Group Floating Toolbar** or **RibbonGroup Items Collection Editor**. Also, you can customize the look of the Ribbon Separator using the **Ribbon Separator Floating ToolBar** or by editing the properties in the **Properties** Window. For more information about floating toolbars, refer this [topic](/componentone/docs/win/online-ribbon/concepts/designtimesupport/floatingtoolbar).

This image below shows the floating toolbar of **Separator**.

![Floating toolbar](https://cdn.mescius.io/document-site-files/images/5560dc72-88a5-4eeb-a384-981194dfc831/images/separator_ft.png)

### Adding Separator through Code

A separator can also be added to the C1Ribbon control through code using the <span data-popup-content="This class is available in \u003ca href=\u0022/componentone/docs/win/online-ribbon/\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-ribbon/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="RibbonSeparator" data-popup-theme="ui-tooltip-green qtip-green">RibbonSeparator</span> class. This is depicted in the code snippet below:

```vbnet
' Add Separator ribbon item
Dim separatorItem As RibbonSeparator = New RibbonSeparator()
formatGroup.Items.Add(separatorItem)
```

```csharp
// Add Separator ribbon item
RibbonSeparator separatorItem = new RibbonSeparator();
formatGroup.Items.Add(separatorItem);
```