Skip to content

2.4

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 ​