Label

Source

• Label.css

Example

<label class="x-label">Label</label>

More examples can be found in the Winduum docs.

Example CSS

@import "winduum/src/components/label/props/default.css" layer(theme);
@import "winduum/src/components/label/default.css" layer(utilities);

/* Example customization */
@layer theme {
  :root, :host {
    --x-label-font-size: 0.875rem;
    --x-label-line-height: calc(1em + 0.25rem);
  }
}

Winduum CSS Code

winduum/src/components/label/props/default.css

:root, :host {
  --x-label-font-size: var(--text-sm);
  --x-label-line-height: calc(1em + 0.25rem);
}

winduum/src/components/label/default.css

.x-label {
  font-family: var(--x-label-font-family);
  font-weight: var(--x-label-font-weight);
  font-size: var(--x-label-font-size);
  line-height: var(--x-label-line-height);
  letter-spacing: var(--x-label-letter-spacing);
  text-wrap: pretty;
}