Одним из основных вариантов использования является то, что атрибут может затем использоваться селекторами атрибутов CSS.Таким образом, вы можете легко выполнить условное оформление на основе состояния:
:host([selected]) .foo {
background-color: gray;
}
:host([mode="foo"]) .bar {
}
Другой вариант использования может отражать свойство атрибута aria, интерпретируемое программами чтения с экрана:
static get properties() {
return {
checked: {
type: Boolean,
attribute: 'aria-checked',
reflect: true,
}
};
}