Input

Properties

• Placeholder
• Label help
• Grouping Label (fieldset)

Shoelace

https://shoelace.style/components/input

<sl-input label="What is your name?"></sl-input>

vue-dsfr

https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/champ-de-saisie

<template>
  <DsfrInput
    :model-value="modelValue"
    :label="label"
    :hint="hint"
    :type="type"
    :placeholder="placeholder"
    :label-visible="labelVisible"
    :disabled="disabled"
  />
</template>

Vuetify

https://vuetifyjs.com/en/components/text-fields/

<v-text-field label="Label"></v-text-field>