mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-17 22:14:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(Dropdown): add default value indication and style for dropdown options

Browse Source
This commit is contained in:
alexsparkes
2026-01-27 16:34:49 +00:00
parent 401e711bd8
commit df23753971
35 changed files with 49 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Form/Settings/Dropdown/Dropdown.jsx
View File

@@ -166,6 +166,7 @@ const Dropdown = memo((props) => {
const id = 'dropdown' + props.name;
const label = props.label || '';
const selectedItem = props.items.find((item) => item?.value === value);
const defaultValue = props.default || props.items[0]?.value;
return (
<div className={`dropdown ${id} ${props.disabled ? 'disabled' : ''}`} ref={containerRef}>
@@ -226,7 +227,15 @@ const Dropdown = memo((props) => {
aria-selected={value === item.value}
tabIndex={0}
>
<span className="dropdown-option-text">{item.text}</span>
<span className="dropdown-option-text">
{item.text}
{item.value === defaultValue && (
<span className="dropdown-option-default">
{' '}
({variables.getMessage('modals.main.settings.buttons.default')})
</span>
)}
</span>
{value === item.value && <MdCheck className="dropdown-option-check" />}
</div>
) : null,