유효성 검사 상태

미리보기

소스

<div class="mb-3">
    <label class="form-label">유효성 검사 상태</label>
    <input type="text" class="form-control is-valid mb-2" placeholder="유효한 상태..">
    <input type="text" class="form-control is-invalid" placeholder="유효하지 않은 상태..">
    <div class="invalid-feedback">잘못된 입력입니다.</div>
</div>

<div class="mb-3">
    <label class="form-label">유효성 검사 상태 (라이트)</label>
    <input type="text" class="form-control is-valid is-valid-lite mb-2" placeholder="유효한 상태..">
    <input type="text" class="form-control is-invalid is-invalid-lite" placeholder="유효하지 않은 상태..">
</div>