Forms
File upload zones and rich text editors for advanced form inputs.
File Upload Zone
Form-integrated file upload with progress bar and file preview list.
Preview
Drag & drop files here, or click to browse
Accepted: image/*,application/pdf · Max: 10.0 MB · Up to 5 files
File Upload Zone.tsx
import { FileUploadZone } from "@launchapp/design-system/blocks/forms";export default function Page() { return ( <FileUploadZone onUpload={(files) => console.log("upload", files)} maxFiles={5} maxSize={5 * 1024 * 1024} /> );}Rich Text Editor
WYSIWYG editor with bold, italic, lists, links, and code blocks.
Preview
0 words0 chars
Rich Text Editor.tsx
import { RichTextEditor } from "@launchapp/design-system/blocks/forms";export default function Page() { return ( <RichTextEditor placeholder="Start writing..." onChange={(content) => console.log("content", content)} /> );}Support Ticket Form
Customer support ticket form with subject, priority, category, and attachment upload.
Preview
Submit a Support Ticket
We're here to help. Describe your issue and we'll get back to you as soon as possible.
Support Ticket Form.tsx
import { SupportTicketForm } from "@launchapp/design-system/blocks/forms";export default function Page() { return ( <SupportTicketForm onSubmit={(data) => console.log("submit", data)} title="Contact Support" description="Describe your issue and we'll get back to you shortly." /> );}