Skip to contentSkip to navigationSkip to topbar
Figma
Star

Screen Reader Only

Screen Reader Only is a utility that visually hides content to provide an accessible experience for users of assistive technology.

Version 13.1.1
Github

Installation

Installation page anchor
yarn add @twilio-paste/screen-reader-only - or - yarn add @twilio-paste/core
import {ScreenReaderOnly} from '@twilio-paste/core/screen-reader-only';

const Component = () => (
  <Button variant="secondary" size="small">
    Buy <ScreenReaderOnly>+1 (484) 662-4088</ScreenReaderOnly>
  </Button>
);

ScreenReaderOnly

ScreenReaderOnly page anchor

as

A custom HTML tag to use instead of the default span tag

Type
keyof IntrinsicElements
Default
span

id

Type
string