Form

<!-- form.blade.php -->
<form class="c-form js-form-validation" id="id_6a28e9c9b484d" data-uid="6a28e9c9b4857" data-component="form" method="POST" action="/submit-form">

                <!-- notice.blade.php -->
<div class="c-notice c-form__notice-failed u-margin__bottom--4 c-notice--danger" aria-hidden="true" id="id_6a28e9c9b484d-validation-error" data-uid="6a28e9c9b48f6" data-component="notice" aria-labelledby="notice__text__id_6a28e9c9b484d-validation-error">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--report c-icon--material c-icon--material-report material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-black c-icon--size-md" data-material-symbol="report" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a28e9c9b493c" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a28e9c9b484d-validation-error" data-js-notice-message="true" class="c-notice__message">
                            There were errors with your submission. Please correct them and try again.
                        
        </span>
    
    
    </div>    
    
    <!-- field.blade.php -->
<div class="c-field c-field--text c-field--md c-field--radius-md" id="id_6a28e9c9b44b5" data-uid="6a28e9c9b44e4" data-component="field">
    
            <label class="c-field__label " for="input_id_6a28e9c9b44b5" id="label_id_6a28e9c9b44b5">
            Name
                            <span class="u-color__text--danger" aria-hidden="true">*</span>
                    </label>
            
    <div class="c-field__inner c-field__inner--text">
        
        
        
        
                    
            
            <input id="input_id_6a28e9c9b44b5" value="" aria-labelledby="label_id_6a28e9c9b44b5" type="text" name="name" required="required" data-js-required="" data-required="1" aria-required="true" autocomplete="on">
            <div class="c-field_focus-styler u-level-top"></div> 

                    
        
            <!-- icon.blade.php -->
    <span class="c-icon c-field__suffix c-field__error-icon c-icon--error-outline c-icon--material c-icon--material-error_outline material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" aria-hidden="false" data-material-symbol="error_outline" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a28e9c9b46dc" data-component="icon">
                    </span>

        
            <!-- icon.blade.php -->
    <span class="c-icon c-field__suffix c-field__success-icon c-icon--check-circle-outline c-icon--material c-icon--material-check_circle_outline material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" aria-hidden="false" data-material-symbol="check_circle_outline" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a28e9c9b4757" data-component="icon">
                    </span>

    </div>

    
    </div>
        <button class="c-button c-button__filled c-button__filled--default c-button--md" type="submit" aria-label="Submit" data-uid="6a28e9c9b47ea" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Submit
            </span>
        
    </span> </button>
</form>

@form([
    'method' => 'POST',
    'action' => '/submit-form',
    'validation' => true,
    'errorMessage' => 'There were errors with your submission. Please correct them and try again.',
    'successMessage' => 'Your form has been submitted successfully!'
])
    @field([
        'type' => 'text',
        'name' => 'name',
        'label' => 'Name',
        'required' => true,
    ])
    @endfield
    @button([
        'type' => 'submit',
        'text' => 'Submit',
    ])
    @endbutton
@endform