Visibility dialog: Add visual dropdown indicator to Dropdown component (#36052)
This commit is contained in:
@@ -8,8 +8,11 @@ import classNames from 'classnames';
|
||||
|
||||
import Overlay from 'react-overlays/Overlay';
|
||||
|
||||
import UnfoldMoreIcon from '@/material-icons/400-24px/unfold_more.svg?react';
|
||||
|
||||
import type { SelectItem } from '../dropdown_selector';
|
||||
import { DropdownSelector } from '../dropdown_selector';
|
||||
import { Icon } from '../icon';
|
||||
|
||||
import { matchWidth } from './utils';
|
||||
|
||||
@@ -77,11 +80,16 @@ export const Dropdown: FC<
|
||||
defaultMessage='Select an option'
|
||||
/>
|
||||
)}
|
||||
<Icon
|
||||
id='unfold-icon'
|
||||
icon={UnfoldMoreIcon}
|
||||
className={`${classPrefix}__icon`}
|
||||
/>
|
||||
</button>
|
||||
|
||||
<Overlay
|
||||
show={open}
|
||||
offset={[0, 4]}
|
||||
offset={[0, 0]}
|
||||
placement='bottom-start'
|
||||
onHide={handleClose}
|
||||
flip
|
||||
|
||||
Reference in New Issue
Block a user