Vue Material 3

Appearance

Text Field ​

Text fields let users enter and edit text.

Filled labelUSDSupporting textOutlined label.comSupporting text

Import ​

js
import { MdFilledTextField, MdOutlinedTextField } from 'vue-material-3';

Usage ​

vue
<MdFilledTextField v-model="value" label="Amount" prefix="$" suffix="USD" />
<MdOutlinedTextField v-model="email" label="Email" />

Storybook ​

Use Storybook for text field variants.