@chakra-xui/live-region
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

Live Regions

ARIA Live Regions are used to communicate important information to screen reader software.

Installation

yarn add @chakra-xui/live-region

Import components

import { LiveRegion, useLiveRegion } from "@chakra-xui/live-region"

Usage

import { useLiveRegion } from "@chakra-xui/live-region"

function Example() {
  const region = useLiveRegion()
  return (
    <button
      onClick={() => {
        region.speak("Filtering categories was successful")
      }}
    >
      Click me
    </button>
  )
}

Package Sidebar

Install

npm i @chakra-xui/live-region

Weekly Downloads

1

Version

1.0.2

License

MIT

Unpacked Size

32 kB

Total Files

18

Last publish

Collaborators

  • meabed