# Toolbar Ribbon

## Content

The Ribbon in the SpreadJS Designer Component provides access to workbook editing commands, formatting options, and Designer features. You can configure how the Ribbon is displayed, define layout states for Ribbon content, and use keyboard access through Ribbon KeyTips.

## In This Section

* [Ribbon Modes](/spreadjs/docs/spreadjs-designer-component/toolbar-ribbon/designer-toolbar-ribbon) \- Learn how to use the default ribbon mode and toolbar ribbon mode in the Designer Component\.
* [Set Layouts Using States](/spreadjs/docs/spreadjs-designer-component/toolbar-ribbon/designer-layouts-using-states) \- Learn how to define Ribbon layouts for different states\.
* [Ribbon KeyTips](/spreadjs/docs/spreadjs-designer-component/toolbar-ribbon/ribbon-keytips) \- Learn how to use and configure keyboard access for Ribbon tabs\, commands\, the File Menu\, and related UI surfaces\.