Signature Workflow
Nils FrahmCounsel
signed
Hania RaniCEO
waitingÓA
Ólafur ArnaldsWitness
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
signers={[
{
"name": "Nils Frahm",
"role": "Counsel",
"initials": "NF",
"state": "signed",
"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": "Hania Rani",
"role": "CEO",
"initials": "HR",
"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": "Ólafur Arnalds",
"role": "Witness",
"initials": "ÓA",
"state": "sent"
}
]}
bordered={false}
/>