strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add checkbox readonly state

Browse Source
This commit is contained in:
Sam Becker 2025-03-15 11:06:47 -05:00
parent f76a2e88df
commit 9977303329
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Checkbox.tsx
View File

@ -22,7 +22,9 @@ export default function Checkbox({
<span className={clsx(
'relative inline-flex items-center justify-center',
'size-5',
'group-has-active:opacity-70',
props.readOnly
? 'cursor-not-allowed'
: 'group-has-active:opacity-70',
)}>
{accessory
? accessory
@ -30,9 +32,14 @@ export default function Checkbox({
? <span className={clsx(
boxStyles,
'border-transparent',
'bg-blue-600',
props.readOnly
? 'bg-gray-300 dark:bg-gray-700'
: 'bg-blue-600',
)}>
<ImCheckmark className="text-white text-[11px]" />
<ImCheckmark className={clsx(
'text-white text-[11px]',
props.readOnly && 'dark:text-gray-400',
)} />
</span>
: <span className={clsx(
boxStyles,