UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

38 lines (28 loc) 968 B
One common usage of Announced is for small operations like text editing or item deletion that are short enough to not require a status during progress. ### Examples Editing text, deletion ### Scenarios 1. **User renames a file**: When the file is successfully renamed, use the Announced component to immediately announce the result. With the code snippet below, the screen reader should announce "File renamed". ```tsx public render(): JSX.Element { return ( <Announced id={announcedId} message='File renamed' /> ); } ``` 2. **User deletes an email**: When the email is successfully deleted, use the Announced component to immediately announce the result. With the code snippet below, the screen reader should announce "Mail deleted". ```tsx public render(): JSX.Element { return ( <Announced id={announcedId} message='Mail deleted' /> ); } ```