Input

Used to get user input in a text field.

Import

import { MpInput, MpInputGroup, MpInputLeftAddon, MpInputRightAddon } from '@mekari/pixel3'

Playground

API

MpInput

Props

Events

Slots

Name	Type	Default
as Component used for root node.	string | object	input
model-value Value of input.	number | string	-
id Id of input.	string	-
variant Variant of input.	unstyled | outline	outline
size Size of input.	sm | md	md
placeholder Placeholder of input.	string	-
is-read-only If true, input be read only.	boolean	false
is-disabled If true, input will be disabled.	boolean	false
is-invalid If true, input is marked as invalid.	boolean	false
is-required If true, input will be required.	boolean	false
is-full-width If true, input will span full width of it parent.	boolean	true
is-clearable If true, allow to remove input content with clear icon.	boolean	false

MpInputGroup

Props

Slots

Name	Type	Default
id Id of input group.	string	-
size Size of input in group.	sm | md	md

MpInputLeftAddon

Props

Slots

Name	Type	Default
id Id of input group.	string	-
has-background If true, input addon has background.	boolean	false

MpInputRightAddon

Props

Slots

Name	Type	Default
id Id of input group.	string	-
has-background If true, input addon has background.	boolean	false

Usage

Variant

Size

With group addon

The has-background prop is used on input addon prefix and suffix for type of styles.