wt-label.vue

Specs

Props

Name	Required	Types	Default	Description	Example	Deprecated
disabled		boolean	-	Disables the label
invalid		boolean	-	Changes label visual style to invalid (red)
required		boolean	-	Marks the label as required
hint		string	-	Adds wt-icon-btn with tooltip value, passed as prop

Slots

Name	Scope	Description
default

Example label

Example label

Code

<script setup></script>

<template>
  <wt-label> Example label </wt-label>
</template>

<style scoped lang="scss"></style>

Error label

Error label

Code

<script setup></script>

<template>
  <wt-label invalid> Error label </wt-label>
</template>

<style scoped lang="scss"></style>

Disabled label

Disabled label

Code

<script setup></script>

<template>
  <wt-label disabled> Disabled label </wt-label>
</template>

<style scoped lang="scss"></style>

Hinted label

Hinted label

Code

<script setup></script>

<template>
  <wt-label hint="Hint text"> Hinted label </wt-label>
</template>

<style scoped lang="scss"></style>