Phenix Storybook

Signature

Attribute Type Documentation Default Value
Required form * :any

the form
Required field * :atom

the form field key.
label :string

field label
hint :string

optional hint text below the field
signature_class :string

wrapper CSS class
signature_canvas_class :string

canvas CSS class
signature_canvas_wrapper_class :string

the border around the canvas. Used for validation feedback
pen_color :string

Color used to draw the lines.

 Read more Read less
"black"

Can be any color format accepted by context.fillStyle
background_color :string

Color of the canvas background
"white"
min_pen_width :float

Minimum width of a line
0.5
max_pen_width :float

Maximum width of a line
2.5
value :string

Signature encoded as a base64 PNG data url

 Read more Read less

Example:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACWCAYAA...
clear_button :boolean

Show a clear button
true