Signature Workflow
Signature workflow
Beste SözenCounsel · Apr 23 · 09:12
signedKian OkaforCEO · Kestrel
waitingLP
Lina ParkWitness
sentE-signature routing panel showing each signer, their role, and a state pill for signed, waiting, or sent.
The import and the props worth knowing about, in one place.
import { Legal13 } from "@/components/beste/piece/legal13";
<Legal13
title="Signature workflow"
signers={[
{
"name": "Beste Sözen",
"role": "Counsel",
"initials": "BS",
"state": "signed",
"at": "Apr 23 · 09:12",
"image": "https://images.unsplash.com/photo-1599503613556-0f18b122d281?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDJ8fHxlbnwwfHx8fHw%3D"
},
{
"name": "Kian Okafor",
"role": "CEO · Kestrel",
"initials": "KO",
"state": "waiting",
"image": "https://images.unsplash.com/photo-1536759078151-61c8b6f156a8?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8Y29sb3JmdWwlMjBwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
},
{
"name": "Lina Park",
"role": "Witness",
"initials": "LP",
"state": "sent"
}
]}
/>Completed signature panel with an italic cursive autograph, emerald Signed pill, and a printed footer.
Engagement deliverables panel with due-date rows and pending, progress, delivered, or overdue pills.
Master services agreement
MSA-2291
A contract signs itself: the signature strokes onto the dotted line, then the signed badge and timestamp fade in behind it.
Dashed sketch surface with a draw label, clear action, and an italic serif sample on the baseline.
In no event shall either party be liable for any indirect, incidental, special, or consequential damages arising out of this agreement, even if advised of the possibility of such damages.
Left-ruled clause card pairing a section chip with a heading, statutory body text, and a source footer.