algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-28 04:33:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ui][radio list] remove disabled prop on radio list level

Browse Source
This commit is contained in:
Yangshun Tay
2022-10-09 08:54:57 +08:00
parent a818e7d820
commit 21e5e0672a
4 changed files with 16 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/ui/src/RadioList/RadioListItem.tsx
View File

@ -12,14 +12,13 @@ type Props<T> = Readonly<{
export default function RadioListItem<T>({
description,
disabled: disabledProp = false,
disabled = false,
label,
value,
}: Props<T>) {
const id = useId();
const descriptionId = useId();
const context = useRadioListContext();
const disabled = context?.disabled ?? disabledProp;
return (
<div
@ -67,7 +66,10 @@ export default function RadioListItem<T>({
</label>
{description && (
<p
className={clsx(disabled ? 'text-slate-400' : 'text-slate-500')}
className={clsx(
'text-xs',
disabled ? 'text-slate-400' : 'text-slate-500',
)}
id={descriptionId}>
{description}
</p>