grommet
docs
components

Announce Context .Consumer

a means of announcing events for screen readers

Storybook
CodeSandbox

Props

children

Render function that will be called with an 'announce' function that can be called when something should be announced. 'announce' function accepts 'message', 'mode' and 'timeout' as arguments and these arguments can be passed as 'props' to the return component. 'mode' can be one of 'polite', 'assertive' or 'off'. 'timeout' is measured in milliseconds.

function

            {announce => <Button onClick={() => announce( "Button was clicked", "polite", 1000 ) }