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

No preview available

See the code snippet below for usage.

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

No preview available

See the code snippet below for usage.

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)}    />  );}