import {Meta} from '@storybook/addon-docs/blocks'

<Meta title='@dxtmisha/vi/# UI/properties/flags/Biến (var)'/>

# Biến (var)

Cờ `_var: true` buộc trình biên dịch tạo một biến CSS riêng cho nút đó, ngay cả khi nó đã là một thuộc tính tiêu chuẩn. Điều này hữu ích cho việc ghi đè động qua JS hoặc hỗ trợ kề thừa.

**Cấu hình đầu vào (`properties.json`):**
```json
{
  "button": {
    "padding": {
      "value": "16px",
      "_var": true
    }
  }
}
```

**Kết quả (SCSS):**
```scss
.button {
  --button-padding: 16px;
  padding: var(--button-padding);
}
```
