Примитивы

Anchor

Ссылка. Подчёркнута по умолчанию, и это не украшение: один только цвет не является affordance — ссылка, отличающаяся от текста лишь оттенком, исчезает для тех, кто этот оттенок не различает.

чистая разметка — библиотеки на странице нет

Read the token reference first.

Код

index.html

<p class="aura-text aura-text--body">
  Read the <a class="aura-anchor" href="#">token reference</a> first.
</p>

Разметка выше и есть весь API: обёртки нет ни в одном из четырёх пакетов, потому что компонент здесь поставил бы класс и не добавил ничего. Пишите её как есть, в любом фреймворке.

Пропсы

У чистой разметки нет пропсов — классы ниже и есть весь API. Четыре пакета не делают ничего сверх того, что проставляют вам те же самые классы.

Какие классы отдаёт

Все фреймворки отдают одни и те же классы — именно поэтому четыре библиотеки выглядят одинаково. Их можно использовать напрямую, вообще без библиотеки компонентов.

Класс	Роль	Примечания
.aura-anchor	база	Обязательный. Без него модификатор не работает.

Токены и правила

components.css

цвет: var(--accent)
подчёркивание: 1px, 2px on hover · offset 2px
фокус: var(--focus-w) var(--focus-color) · var(--focus-offset)