Help 4 block design & features
Help4 is a centered support ticket form inside a bordered card container built with Shadcn UI. Fields stack vertically: an email Input at the top, category and priority Select dropdowns side by side, a subject Input, and a large description Textarea. Below the fields sits a file attachment zone with an "Attach Files" Button that opens a native file picker; attached files render as removable rows showing filename, size, and an X dismiss button.
The form card has a visible border with white fill on the default background. Select triggers render with chevron indicators, and the urgent priority option includes an inline red warning icon. Attached file rows use muted backgrounds with rounded corners. All inputs use standard Shadcn UI styling without custom colors, and a green success banner fades in after submission.
The overall feel is plain and functional, matching a support dashboard aesthetic. Complexity is moderate because the block manages zod-based validation, multi-file state with size limits, and submission feedback, but the visual treatment stays intentionally neutral. You supply an array of category objects and the form handles priority options internally.
On smaller screens the side-by-side category and priority selects stack into a single column, and the attached file rows remain full-width.