v0.1.0

LabelInput

A labelled Input with an optional description line above it.

import { LabelInput } from "@cynco-labs/ui";

import { LabelInput } from "@cynco-labs/ui";

export default function LabelInputDemo() {
	return (
		<div className="max-w-[320px]">
			<LabelInput
				label="Customer name"
				placeholder="e.g. Pro"
				description="Printed on invoices and statements."
			/>
		</div>
	);
}

Use

Most form fields in sheets: name, IDs, URLs.

Props

label, placeholder (required), optional description, input props.

Notes

Label uses text-form-label; description text-body-secondary.

Source Demo source Markdown

LabelInput

Example

Use

Props

Notes