Skip to main content
LocalTapiola Turva

Label ready

Labels are used to create text labels for items in an interface.

Open in new window
<duet-label for="identifier">Label text</duet-label>

Properties #

forforID of the component that the label is labelling.stringundefined
marginmarginControls the margin of the component. Can be one of: "auto", "small", "none".string"auto"
themethemeTheme of the label. Can be one of: "default", "turva".string""

Dependencies #

Used by #

Graph #

graph TD;
  duet-input --> duet-label
  duet-range-slider --> duet-label
  duet-select --> duet-label
  duet-textarea --> duet-label
  style duet-label fill:#f9f,stroke:#333,stroke-width:4px


For integration, events and theming guidelines, please see Using Components. That page explains how to implement and use Duet’s components across different technologies like Angular, React or Vanilla JavaScript.