Checkbox
A minimalist Checkbox component designed with TailwindCSS for clear and responsive user interaction.
Example
example.tsx
const example = () => {
return (
<>
<input type="checkbox" className="accent-[#1565C0] size-5" name="checkbox" id="checkbox" defaultChecked />
<input type="checkbox" className="accent-[#4BB543] size-5" name="checkbox" id="checkbox" defaultChecked/>
<input type="checkbox" className="accent-[#FBC02D] size-5" name="checkbox" id="checkbox" defaultChecked/>
<input type="checkbox" className="accent-[#D32F2F] size-5" name="checkbox" id="checkbox" defaultChecked/>
</>
)
}
export default example;
Checkbox Sizes
A minimalist Checkbox component designed with TailwindCSS for clear and responsive user interaction.
Example
example.tsx
const example = () => {
return (
<>
<input type="checkbox" className="accent-[#1565C0] size-5" name="checkbox" id="checkbox" defaultChecked />
<input type="checkbox" className="accent-[#4BB543] size-8" name="checkbox" id="checkbox" defaultChecked/>
<input type="checkbox" className="accent-[#FBC02D] size-10" name="checkbox" id="checkbox" defaultChecked/>
<input type="checkbox" className="accent-[#D32F2F] size-14" name="checkbox" id="checkbox" defaultChecked/>
</>
)
}
export default example;
