| edge |
Edge |
The outer boundary or border of a component |
- |
| visual |
Visual |
Visual elements like icons, images, or decorative elements |
- |
| text |
Text |
Text content or labels |
- |
| control |
Control |
Interactive control elements like checkboxes or radio buttons |
- |
| border |
Border |
Border or outline of a component |
- |
| background |
Background |
Background surface or fill |
- |
| icon |
Icon |
Icon elements |
- |
| label |
Label |
Text labels |
- |
| content |
Content |
Main content area |
- |
| top |
Top |
Top edge or boundary |
- |
| bottom |
Bottom |
Bottom edge or boundary |
- |
| start |
Start |
Start edge (left in LTR, right in RTL) |
- |
| end |
End |
End edge (right in LTR, left in RTL) |
- |
| body |
Body |
Main body or content container |
- |
| header |
Header |
Header section |
- |
| footer |
Footer |
Footer section |
- |
| divider |
Divider |
Dividing line or separator |
- |
| handle |
Handle |
Draggable handle element |
- |
| indicator |
Indicator |
Visual indicator or marker |
- |
| track |
Track |
Track or rail element (e.g., in sliders) |
- |
| thumb |
Thumb |
Draggable thumb element (e.g., in sliders) |
- |
| avatar |
Avatar |
User avatar or profile image |
- |
| badge |
Badge |
Badge or notification indicator |
- |
| pill |
Pill |
Pill-shaped element |
- |
