posthtml-bootstrap/dist/ui/visual-hidden.html

A PostHTML plugin that allows you to use Bootstrap components directly in your HTML code

<script props>
  const { as: component = 'span', focusable } = props

  module.exports = {
    component,
    classes: clsx(
      "visually-hidden",
      isEnabled(focusable) && "visually-hidden-focusable"
    )
  }

</script>

<{{component}} class="{{classes}}"><children /></span>