Ariakit
/
/
This site is under construction Subscribe to updates

VisuallyHidden

Hide an element visually but keep it available for screen readers and other assistive technologies.

import { Button } from "ariakit/button";
import { VisuallyHidden } from "ariakit/visually-hidden";
import { undo } from "./icons";
import "./style.css";

export default function Example() {
  return (
    <Button className="button">
      {undo}
      <VisuallyHidden>Undo</VisuallyHidden>
    </Button>
  );
}

Installation

npm install ariakit

Learn more in Getting started.

API

<VisuallyHidden />