# Organizing Styles

**URL:** https://www.sketch.com/docs/symbols-and-styles/styling/organizing-styles/ | **Last updated:** 2026-04-07

---
## Creating style groups

To group styles together in the Components View and Command Bar, name them using the format: `Group-name/Style-name`. For example, two Symbols named `Background/Light` and `Background/Dark` will be placed in a group called `Background`.

## Organizing styles in the Components View

You can organize your Text, Layer Styles and Color Variables in the Components View. To group several styles together hold <kbd>⇧</kbd> and select the styles you want to group. Control-click on any of the styles and choose **Group** in the contextual menu. Give a name to the new group by double-clicking on the new group that you’ll find in the left sidebar of the Components View.

To group styles together in the Components View and Command Bar, name them using the format: `Group-name/Style-name`. For example, two Symbols named `Background/Light` and `Background/Dark` will be placed in a group called `Background`. You can also add a style to an existing group by dragging it into the group icon in the left sidebar.

You need to have two or more styles in a group before they’ll appear in their own submenu.

![An animation showing how to organize Components in the the Components View in the Mac app.](https://cdn.sketch.com/docs/styling/organizing-styles-from-comps-view-70@2x.mp4)

To rename a specific style, select the style and give it a new name in the Inspector. To rename an entire group, double click on the group name in the left sidebar and add a new name to the group.

Styles are ordered alphabetically in the Components View.