Preview

Usage

import { Checkbox } from "natmfat/components/Checkbox";
import { View } from "natmfat/components/View";
import { Text } from "natmfat/components/Text";

<View className="flex-row items-center gap-2">
  <Checkbox id="terms" />
  <Text asChild>
    <label
      htmlFor="terms"
      className="leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
    >
      Accept terms and conditions
    </label>
  </Text>
</View>