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 #

PropertyAttributeDescriptionTypeDefault
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

Integration

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.