components

Screenreader (code)

Provides text for screen readers that is visually hidden. It is the logical opposite of the aria-hidden attribute.

import { Settings } from '@mediahuis/chameleon-theme-wl/icons'

import { Screenreader, Button, Icon } from '@mediahuis/chameleon-react'

<Button>
  <Screenreader>Settings</Screenreader>
  <Icon as={Settings} />
</Button>

<Button>
  <Screenreader>Settings</Screenreader>
  <Icon as={Settings} />
</Button>

Props

Name	Type	Default	Required	Description
children	Node	-	true	Text for screen readers that is visually hidden.
className	String	-	-	Extend classNames.

System Props

This component does not allow any system props.

System Props

Next to the properties listed in the propstable, a collection of system props can be added to any component for further general styling and layouting purposes. These props vary per component.

To read more about the system, click here to check out its dedicated page.