CSS Shadow Parts
Name | Description | Demo |
---|---|---|
action | The container for the status action area | |
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]