@extends('layouts.master') @section('title')Unikit @endsection @section('body-start') @endsection @section('content') @section('breadcrumb') @component('components.breadcrumb') @slot('li_1') Forms @endslot @slot('title') Validation @endslot @endcomponent @endsection

Bootstrap Custom styles

Custom feedback styles apply custom colors, borders, focus styles, and background icons to better communicate feedback. Background icons for <select>s are only available with .form-select, and not .form-control.

First name

Looks good!

Last name

Looks good!

Username

@

Please choose a username.

City

Please provide a valid city.

State

Please select a valid state.

Zip

Please provide a valid zip.

Agree to terms and conditions

You must agree before submitting.

Validation Tooltips

If your form layout allows it, you can swap the .{valid|invalid}-feedback classes for .{valid|invalid}-tooltip classes to display validation feedback in a styled tooltip.

First name

Last name

Username

@

City

State

Zip

Custom Validation Form

Custom javascript form validation library.

@endsection @section('script') @endsection @section('body-end') @endsection