Skill: mobx-react-form-file-upload

Mission

Guide the user through implementing file upload fields in mobx-react-form, including standard file inputs and drag-and-drop zones.

Use this skill when the user needs to:

• Create file upload fields (single or multiple)
• Implement drag-and-drop upload zones
• Access selected/dropped files via field.files
• Validate file types and sizes
• Preview uploaded files (e.g., images)
• Handle file drops with the onDrop hook

Field Setup

Basic file field