Ready-to-Use Components Powered by Flowbite, ShadCN & Headless UI

import { Checkbox } from 'flowbite-react'

const DefaultCheckboxCode = () => {
  return (
    <>
      <div className='flex gap-4 flex-wrap mt-2'>
        <Checkbox defaultChecked />
        <Checkbox />
        <Checkbox />
        <Checkbox />
      </div>
    </>
  )
}

export default DefaultCheckboxCode

import { Checkbox } from 'flowbite-react'

const ColorCheckboxCode = () => {
  return (
    <>
      <div className='flex gap-4 flex-wrap mt-2'>
        <Checkbox defaultChecked />
        <Checkbox color='blue' defaultChecked />
        <Checkbox color='green' defaultChecked />
        <Checkbox color='warning' defaultChecked />
        <Checkbox color='red' defaultChecked />
      </div>
    </>
  )
}

export default ColorCheckboxCode