# Designer Interface

## Content

This brief overview points out a few of the main parts of the interface and shows the basic layout of the SpreadJS Designer Component.
The SpreadJS Designer Component provides the following interface for designing your widget.

![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.3fc66a.png?width=750)

SpreadJS also enables ribbon scrolling when the designer component width is small enough to hide ribbon buttons and navigation tabs.

![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.0aa69d.png?width=450)

The following topics provide additional information about the SpreadJS Designer Component interface.

* [Designer Tabs](/spreadjs/docs/v17/spreadjs_designer_component/designerinterface/spdesigntab)
* [Context Menus](/spreadjs/docs/v17/spreadjs_designer_component/designerinterface/designermenu)
* [Status Bar](/spreadjs/docs/v17/spreadjs_designer_component/designerinterface/UnderstandingSpread.SheetsDesignerStatusBar)