@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
18 lines (14 loc) • 799 B
JavaScript
"use client";
import { createComponent } from "../../core/components/create-component.js";
import { visuallyHiddenStyle } from "./visually-hidden.style.js";
//#region src/components/visually-hidden/visually-hidden.tsx
const { PropsContext: VisuallyHiddenPropsContext, usePropsContext: useVisuallyHiddenPropsContext, withContext } = createComponent("visually-hidden", visuallyHiddenStyle);
/**
* `VisuallyHidden` is a common technique used in web accessibility to hide content from the visual client, but keep it readable for screen readers.
*
* @see https://yamada-ui.com/docs/components/visually-hidden
*/
const VisuallyHidden = withContext("span")();
//#endregion
export { VisuallyHidden, VisuallyHiddenPropsContext, useVisuallyHiddenPropsContext };
//# sourceMappingURL=visually-hidden.js.map