Sleek Form

Sleek Form

  • Docs

›Components

Components

  • Text
  • Rating
  • Scale
  • Select
  • Question
  • Summary
  • Welcome
  • Radio
  • SleekFormThemProvider

Text

A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data. It also supports errorMessage showcasing!

Usage

<Text
  placeholder="https://"
  errorMessage="hmm.. that we address doesn't exist"
  onChange={(v) => console.log(v)}
/>

Props

The TextField also supports the following properties

PropsDescriptionTypeDefault
onChange?onChange callback(value?: string) => void;None
value?Current selected text.stringNone
defaultValue?Initial selected text.stringNone
name?Name of the HTML Input.stringNone
placeholder?Placeholder of select.stringNone
errorMessage?The error message to be shown.stringNone

Validation

You can pass validation errors to the TextField, which changes the color of field

Demo

You can view a live demo of TextField in our sandbox

Rating →
  • Usage
  • Props
  • Validation
  • Demo
Sleek Form
Docs
Getting Started
More
GitHub
Copyright © 2020 Fresalabs