Label

Display a compositional field label.

Usage

Primarily for internal component library usage, the label component is a compositional label element for inputs.

      <template>
  <CLabel label="Example label" />
</template>

    

Required

      <template>
  <CLabel required label="Example label" />
</template>

    

Disabled

Disabled label styling should only be used for inlined labels such as CRadio, CToggle & CCheckbox.

      <template>
  <CLabel disabled label="Example label" />
</template>

    

Radio

The radio boolean prop applies styles for input components that are inline labelled such as CRadio, CCheckbox and CToggle. It will apply both pointer and text colour styles.

The Radio prop should only be used for CRadio, CCheckbox & CToggle components.

      <template>
  <CLabel radio label="Example label" />
</template>

    

Props

Prop Default Type
for string
label string
disabledboolean
radiofalseboolean
requiredboolean