Anatomy terms

ID	Label	Description	Aliases
text	Text	Text content or labels	-
control	Control	Interactive control elements like checkboxes or radio buttons	-
icon	Icon	Icon elements	-
label	Label	Text labels	-
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	-
title	Title	Title text element within a component	-
description	Description	Descriptive text element within a component	-
row	Row	Table or list row element	-
step	Step	Individual step element in a step list or wizard	-
counter	Counter	Numeric counter or badge element	-
preview	Preview	Preview area or thumbnail within a component	-
tip	Tip	Tooltip tip or arrow element	-
selection	Selection	Selection indicator or highlight element	-
media	Media	Media container (image, video) within a component	-
ring	Ring	Focus ring or outline indicator	-
field	Field	Input container element in form components (text-field, number-field, combo-box, picker, etc.)	-
fill	Fill	Active/completed portion of a track-based component (slider, meter, progress-bar, progress-circle)	-
value	Value	Displayed data value within a component (numeric readout, selected text, menu item value)	-
container	Container	Outer wrapper element of a component (cards, swatch, thumbnail, avatar)	-
chevron	Chevron	Directional arrow indicator (disclosure, navigation, drill-in)	-
loupe	Loupe	Magnified color preview element in color components (color-area, color-slider, color-wheel)	-
dot	Dot	Small circular indicator element (status-light)	-
separator	Separator	Visual separator between items (breadcrumbs)	-
checkmark	Checkmark	Check or confirmation icon element within a component	-
stepper	Stepper	Increment/decrement control in number-field	-
area	Area	Interactive surface region (color-area gradient surface)	-
gripper	Gripper	Draggable resize handle element (standard-panel)	-
illustration	Illustration	Decorative or explanatory illustration within a component	-
heading	Heading	Heading text element within a component section	-
focus-ring	Focus Ring	Visible ring drawn around a focused component for accessibility	-
focus-indicator	Focus Indicator	Visual indicator showing keyboard focus state on a component	-
workflow-icon	Workflow Icon	Standard workflow icon element within a component (distinct from UI icons)	-
ui-icon	UI Icon	System UI icon element (chevrons, checkmarks, close icons) within a component	-
action-button	Action Button	An action button used as a named part within another component (e.g. tag-group toolbar, tree-view item actions)	-
action-menu	Action Menu	Overflow action menu within a component (e.g. action-group overflow)	-
button	Button	A button element used as a named anatomy part within another component (e.g. drop-zone CTA, alert-banner action)	-
button-group	Button Group	A grouped set of action buttons, typically in dialog footers or coach-mark controls	-
close-button	Close Button	Dismiss or close button element within a component (dialogs, alerts, tags, panels)	-
back-button	Back Button	Back-navigation button within a panel or multi-step component	-
hold-icon	Hold Icon	Small indicator icon on action-button signaling a hold interaction is available	-
actions	Actions	Group of action controls within a list item or tree node (action buttons, icon buttons)	-
list-item	List Item	Individual row within a list-view component	-
menu-item	Menu Item	Individual selectable item within a menu	-
section-header	Section Header	Label separating a named group of items within a menu or list-view	-
section-divider	Section Divider	Visual line separating sections within a menu or list	-
section-description	Section Description	Optional descriptive text accompanying a menu or list section header	-
drill-in-chevron	Drill-in Chevron	Chevron icon indicating a sub-menu or drill-in navigation action on a menu item	-
link-out-icon	Link-out Icon	Icon indicating a menu item opens an external link in a new context	-
trailing-icon	Trailing Icon	Icon placed at the trailing (end) edge of a list item or row	-
thumbnail	Thumbnail	Small image preview element used as a named part within list, menu, or card components	-
checkbox	Checkbox	Checkbox control used as a named anatomy part within another component (list-view, cards, tree-view)	-
switch	Switch	Toggle switch used as a named anatomy part within another component (e.g. menu item)	-
popover	Popover	Popover shell used as a named anatomy part within another component (menu, contextual-help)	-
help-text	Help Text	Instructional or error message text displayed below a form field	-
character-count	Character Count	Remaining-character counter shown in text-field and text-area components	-
necessity-indicator	Necessity Indicator	Label or asterisk indicating whether a field is required or optional (field-label, combo-box)	-
required-asterisk	Required Asterisk	Asterisk symbol denoting a required form field (text-field, picker, number-field)	-
required-text	Required Text	Text label (e.g. 'Required') denoting a required form field	-
validation-marker	Validation Marker	Icon or mark indicating valid input state on a form field	-
error-icon	Error Icon	Icon indicating an error state on a form field (text-field, picker, number-field)	-
placeholder	Placeholder	Placeholder text shown in a form field before a value is selected or entered	-
in-field-button	In-field Button	Button rendered inside a field element (e.g. clear button in search-field, calendar trigger in date-picker)	-
leading-icon	Leading Icon	Icon placed at the leading (start) edge inside a field (e.g. search icon in search-field)	-
field-label	Field Label	Field label component used as a named anatomy part within a group component (checkbox-group, radio-group, tag-field)	-
input	Input	The actual input control(s) associated with a field-label component	-
menu-container	Menu Container	Container element that holds the dropdown menu in picker and combo-box	-
date-field	Date Field	Date input component used as an anatomy part within a date-picker	-
time-field	Time Field	Time input component used as an anatomy part within a date-picker	-
calendar	Calendar	Calendar component used as an anatomy part within a date-picker	-
segmented-control-item	Segmented Control Item	Individual selectable item within a segmented-control component	-
color-handle	Color Handle	Draggable handle element in color picker components (color-area, color-slider, color-wheel)	-
swatch	Swatch	Individual color swatch element used as an anatomy part within a swatch-group	-
tag	Tag	Tag element used as an anatomy part within tag-group and tag-field	-
text-area	Text Area	Scrollable text input region used as an anatomy part within tag-field	-
image	Image	Image element used as a named anatomy part within thumbnail, avatar, or dialog components	-
link	Link	Inline link element used as a named anatomy part within contextual-help or similar components	-
overlay	Overlay	Semi-transparent backdrop element behind modal dialogs (alert-dialog, standard-dialog, takeover-dialog)	-
header-area	Header Area	Distinct header region within a dialog or panel component	-
body-area	Body Area	Main content region within a dialog, panel, or in-line-alert component	-
footer-area	Footer Area	Distinct footer region within a dialog or card component	-
header-content	Header Content	Optional content placed within the header area of a dialog or panel	-
footer-content	Footer Content	Optional content placed within the footer area of a dialog	-
cover-image	Cover Image	Large decorative image at the top of a standard dialog	-
primary-action	Primary Action	Primary call-to-action button within a dialog or alert component	-
secondary-action	Secondary Action	Secondary action button within a dialog component	-
cancel-action	Cancel Action	Cancel or dismiss action button within a dialog component	-
column-header	Column Header	Header cell of a table column, typically containing a label and optional sort control	-
sort-icon	Sort Icon	Icon indicating sort direction on a table column header	-
column-divider	Column Divider	Vertical separator between table columns	-
row-divider	Row Divider	Horizontal separator between table rows	-
cell	Cell	Individual data cell within a table row	-
preview-well	Preview Well	Preview/asset display area within a card component	-
metadata	Metadata	Supplemental metadata content area within a card component	-
accordion	Accordion	Accordion component used as an anatomy part within a panel (standard-panel)	-
tab-item	Tab Item	Individual tab button within a tabs component	-
breadcrumb-item	Breadcrumb Item	Individual item in a breadcrumbs navigation trail	-
breadcrumb-title	Breadcrumb Title	Current-page title element at the end of a breadcrumbs trail	-
truncated-menu	Truncated Menu	Overflow menu replacing collapsed breadcrumb items when space is limited	-
accordion-item	Accordion Item	Individual collapsible section within an accordion component	-
small-divider	Small Divider	Thin divider line between accordion items	-
item	Item	Generic individual item element within a list, navigation, or container component (use a more specific term such as accordion-item, list-item, or tab-item where available)	-
tree-view-item	Tree View Item	Individual node element within a tree-view component	-
disclosure-button	Disclosure Button	Collapse/expand toggle button on a tree-view item or accordion item	-
drag-icon	Drag Icon	Drag handle icon on a reorderable tree-view item	-
context-area	Context Area	Optional icon or thumbnail context slot on the leading edge of a tree-view item	-
step-item	Step Item	Individual step node within a steplist component	-
user-image	User Image	User profile photo displayed within an avatar component	-
initials	Initials	Text initials displayed in an avatar when no image is available	-
guest-icon	Guest Icon	Icon displayed in an avatar representing an unauthenticated guest user	-
disclosure-triangle	Disclosure Triangle	Expand/collapse indicator for accordion, tree, or disclosure components	-
picker	Picker	Dropdown trigger area — the visible affordance, not the overlay	-
progress-bar	Progress Bar	Visual progress fill track indicating completion level	-