Control Help
Control Help component from @bungas/ui
Control Help component from @bungas/ui
The ControlHelp component from Bungas UI.
This is help text for the input field.
Small help text (xs)
Medium help text (sm) - Default
Large help text (base)
Help text appears below with margin
Inline help
Format email tidak valid
Password minimal 8 karakter
Format: 08xxxxxxxxxx
Gunakan nama lengkap tanpa gelar
10 digit angka dari Kemendikbud
Format: DD/MM/YYYY
Maksimal 500 karakter
Upload dokumen pendukung untuk pendaftaran siswa baru
Format: JPG, PNG. Maksimal 2MB. Background merah.
Format: PDF, JPG. Maksimal 5MB.
Format: PDF, JPG. Maksimal 5MB. Opsional.
ControlHelp has two aliases for semantic contexts:
FormHelp - For form contextsFormDescription - shadcn/ui compatible aliasThis is using FormHelp alias
This is using FormDescription alias
npm install @bungas/uiimport { ControlHelp } from "@bungas/ui"import { ControlHelp } from "@bungas/ui"
export function Example() {
return <ControlHelp />
}This is help text for the input field.
Small help text (xs)
Medium help text (sm) - Default
Large help text (base)
Help text appears below with margin
Inline help
Format email tidak valid
Password minimal 8 karakter
Format: 08xxxxxxxxxx
Gunakan nama lengkap tanpa gelar
10 digit angka dari Kemendikbud
Format: DD/MM/YYYY
Maksimal 500 karakter
Upload dokumen pendukung untuk pendaftaran siswa baru
Format: JPG, PNG. Maksimal 2MB. Background merah.
Format: PDF, JPG. Maksimal 5MB.
Format: PDF, JPG. Maksimal 5MB. Opsional.
ControlHelp has two aliases for semantic contexts:
FormHelp - For form contextsFormDescription - shadcn/ui compatible aliasThis is using FormHelp alias
This is using FormDescription alias