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

<Meta title='@dxtmisha/vi/styles/color/fill - Tô màu SVG'/>

# `fill`

Mixin thiết lập thuộc tính `fill` (cho các phần tử SVG) bằng cách sử dụng các biến của hệ thống thiết kế, cho phép cập nhật động và kiểm soát độ mờ.

**Tham số:**
- `$color: Color | String` — giá trị màu, `'as-color'`, hoặc `'init'`.
- `$opacity: Number | null` [null] — mức độ mờ tùy chọn [0..1].
- `$important: Boolean` [false] — nếu `true`, thêm `!important`.

## Ví dụ

```scss
@use '@dxtmisha/styles';

.icon-solid {
  @include styles.fill(styles.getColor('primary'), 1);
}

.icon-reset {
  @include styles.fill('init');
}
```
