# Declarative Approach
## Content
The declarative approach defines the ToolStrip layout directly in Razor markup. Use this method when the structure of the toolbar is known beforehand and when explicitly placing each tool (buttons, toggles, separators, dropdowns) in a fixed order is necessary. This approach offers full control over the visual layout and simplifies manual design.
### **Create ToolStrip in Razor Markup**
1. Add the **ToolStrip** component:
```auto
```
2\. Add a **Dropdown** tool:
```auto
```
3\. Insert a **Separator**:
```auto
```
4\. Add a **Button** tool:
```auto
```
5\. Add a **Toggle** tool:
```auto
```
6\. Add **Menu** tool:
```auto
```
7\. Add **Select** tool:
```auto
```
### **Declarative Approach Sample**
```auto