algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-14 18:05:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ui][select] support required

Browse Source
This commit is contained in:
Yangshun Tay
2022-10-08 21:20:05 +08:00
parent 2f50694016
commit 53be75b7d5
2 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/ui/src/Select/Select.tsx
View File

@ -43,6 +43,7 @@ function Select<T>(
label,
isLabelHidden,
options,
required,
value,
onChange,
...props
@ -58,6 +59,12 @@ function Select<T>(
className={clsx('mb-1 block text-sm font-medium text-slate-700')}
htmlFor={id ?? undefined}>
{label}
{required && (
<span aria-hidden="true" className="text-danger-500">
{' '}
*
</span>
)}
</label>
)}
<select
@ -72,6 +79,7 @@ function Select<T>(
defaultValue={defaultValue != null ? String(defaultValue) : undefined}
disabled={disabled}
id={id}
required={required}
value={value != null ? String(value) : undefined}
onChange={(event) => {
onChange?.(event.target.value);