JSPM

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

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

Package Exports

  • @utrecht/textarea-css
  • @utrecht/textarea-css/dist/index.css

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.