Sist endret: 2. des. 2024

Text

En komponent som lar deg vise tekst med eller uten label.

Bruk

Tekst komponenten lar brukeren legge til strukturert tekst med og uten label.

Anatomi

  1. Horisontal: En tekst med label strukturert horisontalt.
    Tekst horisontal anatomi
    Tekst horisontal
  2. Vertikal: En tekst med label strukturert vertikalt.
    Tekst vertikal anatomi
    Tekst vertikal

Relatert

Egenskaper

EgenskapTypeBeskrivelse
idstringUnik id streng for komponenten
valuestringTeksten du vil vise
textResourceBindings.titlestringLabelen for teksten du vil vise
directionstringSetter strukturell retning på label og verdi Enum: "horizontal" | "vertical"

Konfigurering

{
  "id": "text",
  "type": "Text",
  "textResourceBindings": {
    "title": "Name"
  },
  "value": "My name",
  "direction": "horizontal",
},

Legg til tittel og elementer

textResourceBindings.title

Ledetekst for teksten. Denne kan legges til som en hardkodet streng eller som en referanse til en tekstressurs.

value

Verdien av teksten som skal vises. Kan legges til som en streng eller et uttrykk.

direction

Bestemmer om teksten vises under eller ved siden av ledeteksten. horizontal for ved siden av og vertical for under.


Eksempel

Tekst med ledetekst og ikon.

{
  "id": "text",
  "type": "Text",
  "textResourceBindings": {
    "title": "Name"
  },
  "value": "My name",
  "direction": "horizontal",
},

Tekst eksempel
Tekst med ikon og label