JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6537
  • Score
    100M100P100Q128302F
  • License EUPL-1.2

Textarea component for the Municipality of Utrecht based on the NL Design System architecture

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@utrecht/textarea-css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Textarea

    Terminologie

    • textarea: van het <textarea> element in HTML.

    HTML

    Gebruik in de meeste gevallen dir="auto" om tekstinvoer mogelijk te maken in een taal naar keuze.

    In sommige gevallen gebruik je dir="ltr", bijvoorbeeld voor:

    • code van programmeertalen
    • lijst met URLs
    • lijst met e-mailadressen
    • lijst met telefoonnummers

    Class names

    • .utrecht-textarea
    • .utrecht-textarea--invalid
    • .utrecht-textarea--disabled
    • .utrecht-textarea--read-only

    Design tokens

    • Textarea:
      • --utrecht-textarea-border-bottom-width
      • --utrecht-textarea-border-color
      • --utrecht-textarea-border-radius
      • --utrecht-textarea-border-width
      • --utrecht-textarea-color
      • --utrecht-textarea-font-family
      • --utrecht-textarea-font-size
      • --utrecht-textarea-max-inline-size
      • --utrecht-textarea-padding-block-end
      • --utrecht-textarea-padding-block-start
      • --utrecht-textarea-padding-inline-end
      • --utrecht-textarea-padding-inline-start
      • Modifier: disabled
        • --utrecht-textarea-disabled-border-color
        • --utrecht-textarea-disabled-color
      • Modifier: invalid
        • --utrecht-textarea-invalid-border-color
        • --utrecht-textarea-invalid-border-width
      • Modifier: read-only:
        • --utrecht-textarea-read-only-border-color
        • --utrecht-textarea-read-only-color

    Privacy

    Gebruik spellcheck="false" voor velden die gevoelige informatie kunnen bevatten, zoals berichten van klokkenluiders, over responsible disclosure van beveiligsproblemen, berichten met medische gegevens, etcetera. Sommige browser extensions voor spellingcontrole sturen deze informatie naar externe servers.