Atoms
Label
An accessible text label for a form control.
Usage
Import the stylesheet once at the application root: @exegia/corpora-ui/index.css.
import { Label } from "@exegia/corpora-ui/ui/label"
import { Input } from "@exegia/corpora-ui/ui/input"
function ComponentPreview() {
return (
<div className="relative mx-auto w-full max-w-lg p-6">
<Label htmlFor="document-title">Document title</Label>
<Input id="document-title" placeholder="Enter a title" />
</div>
)
}
<ComponentPreview />API notes
Set htmlFor to the id of the associated input. Label every control with visible text.
Last updated on