Preview

checked

disabled

success

warning

error

info

secondary

Usage

import { Constants } from "@dxdns-kit/core"
import { Checkbox } from "@dxdns-kit/react"

export default function () {
  const colors = [...Constants.statusColors, "secondary"] as const

  return (
    <>
      <Checkbox label="checked" checked />
      <Checkbox label="disabled" disabled />
      <br />
      {colors.map((color) => (
        <Checkbox key={color} label={color} color={color} />
      ))}
    </>
  )
}