Hint

A prompt for inputs

Hint

Labelled Input

Labelled Text Area

<tk-hint text="I am a hint"></tk-hint>
<hr>
<tk-label>
  Labelled Input
  <tk-input></tk-input>
  <tk-hint text="I am an input hint"/>
</tk-label>
<hr>
<tk-label>
  Labelled Text Area
  <tk-text-area></tk-text-area>
  <tk-hint text="Iam am a text area hint"/>
</tk-label>

Description

tk-hint is used to give prompts or information for inputs. They can be used in conjunction with inputs and labels (e.g. with a tk-input and tk-label)

States

<tk-hint text="Default state">
</tk-hint>
<hr>
<tk-hint text="Error state" error>
</tk-hint>

Description

The tk-hint can be in an error state.

Props

Property	Required?	Default	Description
`text`	yes		The text to be displayed in the hint
`error`	no	`false`	Displays the hint in a error style