Field API Overview

Initialization

import { Field, Text } from "@svar-ui/react-core";

// the Field control contains another control and provides a label for it
// the Field control automatically generates an id for the inner control (unless the control already has one)
<Field label="Text">
  <Text />
</Field>

tip

• Visit the Features Guide to learn more about the control's functionality.
• Explore the samples to visualize the available features.

Field Properties

error	Optional. Defines whether error styling is applied to the control's label
id	Optional. Defines the id for the input and label generated by the Field component
label	Optional. Sets a label for the control inside a field
position	Optional. Sets the position of a label relative to the control
required	Optional. Marks a field as required
type	Optional. Sets the control's type for correct positioning of a left-side label
width	Optional. Sets the width needed for a field to nest a control