Comment on page
An input field to capture a signature and save it as an image.
The Input Pen component allows users to input handwritten text or drawings using a stylus or their finger (on mobile). It typically consists of a blank canvas or input field and tools or options for customizing the handwriting or drawing experience. The user can use the stylus or finger to write or draw on the canvas or input field, and the component will translate their handwriting or drawing into digital text or lines.
The Input Pen component may include various features and elements, such as different pen styles or colors, erasing tools, and the ability to zoom in or out on the canvas or input field. It may also include formatting options like font size and alignment to help the handwritten text or drawings fit seamlessly into the interface.
Works on Desktop and Mobile
Modeselection allows you to configure the default Input Pen mode. The Pen mode can be drawn, Paint, Ink or Erase.
When the Hide Controls toggle is unchecked, you can display the toolbar at the bottom or the top of the drawing pad.
When the Show Signature Pad is activated, a signature line will be added at the bottom of the drawing area. It's helpful if you need to transform your drawing area into a signature pad.
Using Advanced options, you can:
- Select buttons to be disabled in the toolbar
- Set the drawing pen size
- Disable the input pen interaction
No interactions are available
From the Styles panel, you can customize styling attributes for the Input Date Range:
Header: to customize main label text
Size: to customize a specific size for the component
No events are available.
Last modified 15d ago