Label

import { Label } from "@grassroot/ui-react";
 
<Label htmlFor="email" required>Work email</Label>
<input id="email" placeholder="you@trajectory.software" />

<script setup lang="ts">
import { Label } from "@grassroot/ui-vue";
</script>
 
<template>
  <Label html-for="email" required>Work email</Label>
</template>

import { Component } from "@angular/core";
import { GrassrootLabel } from "@grassroot/ui-angular";
 
@Component({
  selector: "app-example",
  standalone: true,
  imports: [GrassrootLabel],
  template: `
    <grassroot-label htmlFor="email" [required]="true">Work email</grassroot-label>
  `,
})
export class ExampleComponent {
}

<script lang="ts">
  import { Label } from "@grassroot/ui-svelte";
</script>
 
<Label htmlFor="email" required>Work email</Label>

import { Label } from "@grassroot/ui-solid";
 
export function Example() {
  return (
    <>
      <Label htmlFor="email" required>Work email</Label>
    </>
  );
}