feat: shadow in checkbox

This commit is contained in:
Artemy 2022-10-17 17:41:15 +03:00
parent f4fb0d8894
commit 7cafb9d840

View file

@ -2,7 +2,7 @@ function CheckBox(props) {
return ( return (
<div className={`form-check m-5 ${props.className}`}> <div className={`form-check m-5 ${props.className}`}>
<input <input
className="form-check-input appearance-none h-3 w-5 checked:bg-blue-600 checked:border-blue-600 pr-3 border border-gray-300 rounded-lg mr-1" className="form-check-input appearance-none h-3 w-6 checked:bg-blue-600 checked:border-blue-600 pr-3 border border-gray-300 rounded-lg mr-1 checked:shadow-lg checked:shadow-blue-600 transition ease-out"
type="checkbox" type="checkbox"
id={props.id} id={props.id}
defaultChecked={props.checked} defaultChecked={props.checked}