TallStackUI 4.0 is here! Seven new components and thousand of improvements. See what's new .

Powerful suite of Blade components for TALL Stack apps

Signature

Signature component.

# Basic Usage 

<x-signature />
The signature component can only be used inside a Livewire component.

# Label & Hint

You can revert if you have written something wrong. 
<x-signature label="Sign your name" hint="You can revert if you have written something wrong." />

# Pen Color 

<x-signature color="#ff0000" />

# Background Color 

<x-signature background="#cc1002" />

# Line Weight 

<x-signature line="10" />

# Height 

<x-signature height="500" />

# Clearable 

<x-signature clearable />

# Exportable 

<x-signature exportable />
 
<!-- You can set "jpeg" to export as jpeg -->
<x-signature exportable jpeg />

# Events 

<!-- $event.detail will receive: {signature: url} -->
 
<x-signature exportable x-on:export="alert('Exported!')" />
Event Detail Fired when
export { signature } The signature is exported

# Persistent
NEW

An option to do not clear the signature when resizing the window. 

<x-signature persistent />
Strokes are stored as points and redrawn when the width changes. This keeps the signature sharp because no image resampling occurs. However, the drawing scales only horizontally, which may change its proportions.

Code highlighting provided by Torchlight