v0.1.0

TextCheckbox

A Checkbox with a clickable text label.

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

import { useState } from "react";
import { TextCheckbox } from "@cynco-labs/ui";

export default function TextCheckboxDemo() {
	const [s, setS] = useState(true);
	return (
		<TextCheckbox checked={s} onCheckedChange={setS}>
			Round totals to the nearest 5 sen
		</TextCheckbox>
	);
}

Use

Single options in forms.

Props

Checkbox props and the label as children.

Notes

Label uses text-checkbox-label; disabled uses text-checkbox-disabled.

Source Demo source Markdown

TextCheckbox

Example

Use

Props

Notes