Visually Hidden Input

Visually Hidden Input component from @bungas/ui

On This Page

Visually Hidden Input component from @bungas/ui

The VisuallyHiddenInput component from Bungas UI.

Default

Visible text

This text is hidden visually but accessible to screen readers

Icon Buttons

Form Label

Live Region

3 new notifications

Page content (announcements are hidden but read by screen readers)

Installation

npm install @bungas/ui

Import

import { VisuallyHiddenInput } from "@bungas/ui"

import { VisuallyHiddenInput } from "@bungas/ui"
 
export function Example() {
  return <VisuallyHiddenInput />
}