Skip to main content

Text API Overview

Initialization

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

// minimal configuration for initialization
<Text />
tip
  • Visit the Features Guide to learn more about the control's functionality.
  • Explore the samples to visualize the available features.

Text Properties

clearOptional. Adds the Clear button into the input
cssOptional. Sets the position of the icon in an input
disabledOptional. Defines whether the Text control is disabled
errorOptional. Defines whether error styling is applied to the Text control
focusOptional. Sets focus in an input
iconOptional. Adds an icon into an input
idOptional. Sets an HTML id for a text input
inputStyleOptional. Applies a custom style to an input field
placeholderOptional. Sets a placeholder for an input
readonlyOptional. Defines whether an input is read-only
selectOptional. Selects the text in the input field
titleOptional. Sets a tooltip text with additional info about the Text control
typeOptional. Sets the type of the Text control
valueOptional. Sets the value of an input

Text Events

changeFires on change of the value of an input, i.e. on the HTML input event