フォーカスリング

要素やコンポーネントにカスタムフォーカスリングスタイルを追加・変更できるユーティリティクラス

Example

Custom focus ring
vue
<template>
 <Anchor
  to="/"
  focus-ring
  display="inline-flex"
  padding="y-1 x-3"
  text-decoration="none"
  border
  rounded-size="2"
 >
  Custom focus ring
 </Anchor>
</template>