Accessibility in React Signature component
30 Jan 20232 minutes to read
Keyboard interaction
The following list of keys can be used to interact with the Signature component.
Properties | Functionality |
---|---|
Ctrl + Z | Undo the last user action. |
Ctrl + Y | Redo the last user action. |
Ctrl + S | To save the signature. |
delete | Erases all the signature strokes signed by user. |
import { SignatureComponent } from '@syncfusion/ej2-react-inputs';
import * as React from "react";
import * as ReactDOM from "react-dom";
function App() {
return (<div id='container'>
<div id='signature-control'>
<h4>Sign here</h4>
<SignatureComponent id='signature'/>
</div>
</div>);
}
;
export default App;
ReactDOM.render(<App />, document.getElementById('element'));
import { SignatureComponent } from '@syncfusion/ej2-react-inputs';
import * as React from "react";
import * as ReactDOM from "react-dom";
function App() {
return (
<div id='container'>
<div id='signature-control'>
<h4>Sign here</h4>
<SignatureComponent id='signature'/>
</div>
</div>
);
};
export default App;
ReactDOM.render(<App />, document.getElementById('element'));