E-signature routing panel showing each signer, their role, and a state pill for signed, waiting, or sent.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
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.
Document row whose icon and pill shift across draft, review, signed, expired, and voided states.