Tile UI · SolidJS

CSR · SSR · SSG

Label

A native SolidJS label with required-state styling.

import { Input, Label } from '@tile-ui/solid';
export default function LabelDemo() {
	return (
		<div class="component-preview__stack">
			<Label for="solid-email" required>
				Email

Use Label with native for/id association for form controls.

Registry install

pnpm dlx shadcn@latest add @tile-ui/label

Package usage

import { Label, Input } from '@tile-ui/solid';

<Label for="email" required>Email</Label>
<Input id="email" type="email" />

Highlights

  • Required indicator
  • Pairs with native and custom fields

Registry dependencies

Item Purpose
label Component source and module styles
core Framework-agnostic logic helpers
styles Shared SCSS tokens and globals

API reference

Label

Prop Type Default
required boolean