Skip to main content

Text Label

The <LabelText/> component allows to provide a label text to any field, input, select or textarea.

Source@matro-ui/labeltext

Import​

import { LabelText } from "matro-ui";

Usage​

Loading...
Live Editor
 <LabelText>Label</LabelText>

With InputText​

Loading...
Live Editor
 <label>
   <LabelText>Your email:</LabelText>

   <InputText placeholder="john@example.com">
     <InputTextField/>
   </InputText>
 </label>

InputText & SVG Icon​

Loading...
Live Editor
//  import { IoMailUnreadOutline } from "react-icons/io5";

<label>
 <LabelText>
   <IoMailUnreadOutline/> <span>Your email:</span>
 </LabelText>

 <InputText placeholder="john@example.com">
   <InputTextField/>
 </InputText>
</label>