---
title: New Case - Done
slug: new-case-done
createdAt: 2025-02-03T18:36:50.008Z
---

```html
<div class="modal-background">
    <div class="modal-container _48">
        <div class="modal-heading-container">
            <h1 class="modal-h1">New Support Case</h1>
            <div>Use this to create a new support case about an issue with our team.</div>
            <div class="space-1rem"></div>
        </div>
        <div class="auth-form w-form">
            <form id="new-case" name="new-case" data-name="new-case" method="post" class="form">
                <div class="form-field-container">
                    <div class="field-label-container">
                        <label for="title" class="field-label">Title</label>
                        <div class="required-star">*</div>
                    </div>
                    <input class="form-field w-input" maxlength="256" name="title" data-name="title" placeholder="Provide a short title for your case..." type="text" id="title" required>
                </div>
                <div class="form-field-container">
                    <div class="field-label-container">
                        <label for="description" class="field-label">Description</label>
                        <div class="required-star">*</div>
                    </div><textarea id="description" name="description" maxlength="5000" data-name="description" placeholder="Describe the issue in detail..." class="form-field text-area w-input"></textarea>
                    <div class="text-area-under">
                        <div>639 / 5000</div>
                        <div class="button-wrapper-horizontal">
                            {Add attachment reusable component}
                        </div>
                    </div>
                </div>
                <div class="form-button-container">
                    <input type="button" data-wait="Please wait..." class="button full tertiary w-button" value="Cancel">
                    <input type="button" data-wait="Please wait..." class="button full w-button" value="Save">
                </div>
            </form>
        </div>
        <div class="modal-close-button w-embed">
            <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
        </div>
    </div>
</div>
```