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
clear | Optional. Adds the Clear button into the input |
css | Optional. Sets the position of the icon in an input |
disabled | Optional. Defines whether the Text control is disabled |
error | Optional. Defines whether error styling is applied to the Text control |
focus | Optional. Sets focus in an input |
icon | Optional. Adds an icon into an input |
id | Optional. Sets an HTML id for a text input |
inputStyle | Optional. Applies a custom style to an input field |
placeholder | Optional. Sets a placeholder for an input |
readonly | Optional. Defines whether an input is read-only |
select | Optional. Selects the text in the input field |
title | Optional. Sets a tooltip text with additional info about the Text control |
type | Optional. Sets the type of the Text control |
value | Optional. Sets the value of an input |
Text Events
change | Fires on change of the value of an input, i.e. on the HTML input event |