CSS Shadow Parts
| Name | Description | Demo |
|---|---|---|
| action | The container for the status action area | |
| batch-message | Container for the batch editing status message. | |
| body | Dialog body. | |
| body-content-wrapper | Dialog content wrapper that wraps around editor labels and inputs. | |
| body-error | Dialog error message that appears top of dialog body. | |
| bottom | The bottom edge of the focus | |
| caption | Caption container | |
| card-action | Container for the card action controls. | |
| cell - The head | cell container | |
| cell-inner | The content container | |
| center | The container for the center content of the pager | |
| close | The tooltip close icon | |
| close | The container for the close icon | |
| close-icon | The close icon | |
| control-bar - Control | bar container. | |
| dialog | Dialog mask or overlay. | |
| editor-row - Editor | row container. | |
| filter | Filter container. | |
| filter-wrapper | Wrapper for the filter field | |
| focus | Focus container | |
| footer | Dialog footer consisting of footer buttons (cancel and confirm). | |
| footer-cancel | Dialog footer cancel button. | |
| footer-confirm | Dialog footer confirm button. | |
| form | Dialog form consisting of header, body, and footer. | |
| group | The container for the menu group | |
| header | Dialog header consisting of header label and close button. | |
| header-close | Dialog header close button. | |
| header-label | Dialog header label. | |
| input | The container for the search input field | |
| input | The input field wrapper | |
| inputs | Container for the input fields | |
| items | The container for the menu group items | |
| label | The container for the menu group label | |
| layout | Container for the layout controls. | |
| left | The container for the left content of the pager | |
| left | The left edge of the focus | |
| mask | The container for the selection mask | |
| menu | The container for the menu | |
| message | The container for the status message | |
| pager | The container for the entire pager | |
| pager-inner | The inner container for the pager | |
| right | The container for the right content of the pager | |
| right | The right edge of the focus | |
| row-action | Container for the row action controls. | |
| search | The container for the search | |
| select | The container for selection | |
| select-inner | The inner container for selection | |
| selector-mask | The container for the selector mask | |
| source | The container for the source | |
| status | The container for the status | |
| status | The container for the no data status message | |
| text | The status text | |
| text | The text container | |
| title | The title container | |
| toolbar | The toolbar container | |
| top | The top edge of the focus |
[api: CSS shadow parts]