Skip to content

Form control

Used to provides context such as id, isReadonly, isInvalid, isDisabled, and isRequired to form elements.

Import

js
import { MpFormControl, MpFormLabel, MpFormHelpText, MpFormErrorMessage } from '@mekari/pixel3'

API

MpFormControl

Props
Slots
NameTypeDefault
id
Id of form control, this prop is passed to it children.
string -
is-read-only
If true, this prop is passed to it children.
booleanfalse
is-disabled
If true, this prop is passed to it children.
booleanfalse
is-invalid
If true, this prop is passed to it children.
booleanfalse
is-required
If true, this prop is passed to it children.
booleanfalse

MpFormLabel

Slots
NameType
default
Form label slot.
any

MpFormHelpText

Slots
NameType
default
Form help text slot.
any

MpFormErrorMessage

Slots
NameType
default
Form error message slot.
any

Usage

With checkbox

With input

With radio

With select

With textarea

With date picker