Skip to content

Visually Hidden ​

Loading...
  • Tag: <flint-visually-hidden>
  • Class: FlintVisuallyHidden

Import ​

ts
import 'flint-ui'; // auto-registers all
// or
import { FlintVisuallyHidden } from 'flint-ui';

Usage ​

html
<flint-visually-hidden></flint-visually-hidden>

Properties ​

PropertyAttributeTypeDefaultDescription
notFocusablenot-focusablebooleanfalseWhen true, the focus-reveal behaviour is disabled. The content stays hidden even if a focusable child receives keyboard focus. Set the not-focusable attribute (no value) to activate this mode.

Slots ​

NameDescription
(default)Default slot for content