Form Style One

The following is an example of style you may add to any form component.

Step 1

Add the following code to the header of your app.

<style>
    .form-style-one .af-form {
        padding: 2rem 2.25rem;
        background-color: #F3F6F9;
        border-radius: 1rem;
    }

    .form-style-one h3 {
        color: #181C32;
        margin-top: 0px;
        margin-bottom: 28px;
        font-weight: 400;
    }

    .form-style-one span.lbl {
        font-weight: 400;
    }

    .form-style-one .af-form form {
        display: grid;
    }

    .form-style-one .form-control {
        color: #3F4254;
        background-color: #ffffff;
        border: none;
        border-radius: 0.60rem;
        box-shadow: none;
    }

    .form-style-one .af-form-submit {
        border-radius: 0.8rem;
        margin-top: 27px;
    }
</style>