---
type: snippet
tags: ['ui', 'ark-ui', 'component']
status: release
ctime: 2023-10-07
mtime: 2024-03-22
---

```css
[data-scope='slider'][data-part='thumb']

[data-scope='slider'][data-part='track']

[data-scope='slider'][data-part='control']
```

> Ark UI의 각 컴포넌트 파트는 `data-scope` 및 `data-part` 속성으로 지정됩니다. `data-scope` 속성은 컴포넌트를 식별하고, `data-part` 속성은 컴포넌트의 개별 부분을 지정합니다.

[ark-ui](https://ark-ui.com)에서 사용하는 방식인데 적용해볼만한 컨셉이라고 생각한다.

---

- https://ark-ui.com/docs/overview/getting-started