Focus ring

Utility classes that allows you to add and modify custom focus ring styles to elements and components.

On this page

Example

Custom focus ring
vue
<template>
  <b-a
    href="#"
    focus-ring
    display="inline-flex"
    padding="y-1 x-2"
    text-decoration="none"
    border
    rounded-size="2"
  >
    Custom focus ring
  </b-a>
</template>