E-signature routing panel showing each signer, their role, and a state pill for signed, waiting, or sent.
New here? Read the installation guide.
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.
Dashed sketch surface with a draw label, clear action, and an italic serif sample on the baseline.
Contract overview card listing the title, reference code, parties, effective date, and a status pill.
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.