Label

A label for inputs.

Input Label

Label
Labelled Input
Labelled Text Area
<tk-label>Label</tk-label>
<hr>
<tk-label>
  Labelled Input
  <tk-input/>
</tk-label>
<hr>
<tk-label>
  Labelled Text Area
  <tk-text-area/>
</tk-label>

Description

tk-label is used to label inputs. They can be used alone or in conjunction with an input (e.g. with a tk-input)

Sizes

Small Label
Medium Label
Large Label
<tk-label size='small'>
  Small Label
  <tk-input/>
</tk-label>
<hr/>
<tk-label size='medium'>
  Medium Label
  <tk-input/>
</tk-label>
<hr/>
<tk-label size='large'>
  Large Label
  <tk-input/>
</tk-label>

Description

The size of the label can be specified by the size prop.

Disabled

Disabled Small Label
Disabled Medium Label
Disabled Large Label
<tk-label size='small' disabled>
  Disabled Small Label
  <tk-input disabled/>
</tk-label>
<hr/>
<tk-label size='medium' disabled>
  Disabled Medium Label
  <tk-input disabled/>
</tk-label>
<hr/>
<tk-label size='large' disabled>
  Disabled Large Label
  <tk-input disabled/>
</tk-label>

Description

Changing the disabled prop to true shows that it’s input cannot be used.

Props

Property Required? Default Description
size no small The size of the label, can either be small, medium, or large
disabled no false If the label is disabled, it shows that it’s input cannot be used