Invisible

A utility component that visually hides content while keeping it accessible to screen readers.

import { Invisible, T } from '@kaynora/ui'

export default function () {
  return (
    <Button>
      <Invisible>See more</Invisible>
      <Ellipsis />
    </Button>
  )
}

The Invisible component is useful for providing additional context to screen readers without cluttering the visual interface. It applies the common visually-hidden pattern that keeps content in the accessibility tree while hiding it visually.

<Invisible />

ReactNode

{
  root: HTMLDivElementProps
}