feat: Add detailed documentation and improve styling for form components

This commit is contained in:
Firman Ramdhani
2026-01-28 12:09:18 +07:00
parent b52e458a9d
commit 883f42f598
11 changed files with 184 additions and 52 deletions
@@ -25,7 +25,7 @@
.rc-form-item-required-mark {
margin-left: 0.25rem;
color: var(--color-error-500);
font-family: SimSun, sans-serif; /* Standard font for asterisks agar vertical align bagus */
font-family: SimSun, sans-serif; /* Standard font for asterisks agar vertical align */
}
/* =========================
@@ -35,7 +35,7 @@
margin-top: var(--form-msg-margin-top);
font-size: var(--form-msg-font-size);
line-height: 1.4;
min-height: 1.4em; /* Mencegah layout jumping jika error muncul/hilang */
min-height: 1.4em; /* Reserve space even when empty to prevent layout shift */
transition: color 0.2s;
}
@@ -45,7 +45,7 @@
/* --- ERROR STATE --- */
.rc-form-item.status-error .rc-form-item-label {
color: var(--color-error-600); /* Label jadi merah saat error (opsional UI pattern) */
color: var(--color-error-600); /* Darker shade for label on error */
}
.rc-form-item.status-error .rc-form-item-explain {
color: var(--color-error-500);