SelectProps

Interface

The Select component props

Inheritance: SelectPropsOmit<DropdownPropsvoid | void>

Properties

activeIcon optional

activeIcon: boolean | ReactElement<anystring | function | function>

If true or defined, the active dropdown item in the dropdown menu will show a check icon in front of the text. The icon can be customized by providing with a different element, such as:<Icon icon={require('path.to.icon.svg')}/> or <span>⭐️</span>.

autoWidth optional

autoWidth: boolean

If true, the min-width of the dropdown menu will be automatically calculated to equal the width of the container.

buttonProps optional

buttonProps: Pick<DropdownButtonPropsvoid | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void | void>

Exploiting properties from the internal DropdownButton component, except the property 'size'.

defaultValue optional

defaultValue: string | number

Default input element value. It is used when the component is not controlled.

direction optional

direction: Direction

Determines the direction and location of the dropdown menu according to its anchor (dropdown button).

disabled optional

disabled: boolean

If true, the dropdown will be disabled.

fluid optional

fluid: boolean

If true, the dropdown will span the full width of its parent container.

inNavbar optional

inNavbar: boolean

Tells the dropdown that it is wrapped within a Navbar component.

isOpen optional

isOpen: boolean

If true, the dropdown will appear as opened. Utilize this property to make the dropdown as a controlled component.

isSubMenuItem optional

isSubMenuItem: boolean

Tells the dropdown that it is wrapped within a DropdownMenu component as a sub-menu item.

menuProps: DropdownMenuProps

Exploiting properties from the internal DropdownMenu component.

name optional

name: string

HTML attribute passed to the button node.

nav: boolean

Tells the dropdown that it is wrapped within a Nav component. If true, \<li\> element will be used as the container of the component.

onChange optional

onChange: function

Callback fired when the value is changed.

Type declaration
    (evtany, item?ReactElement<DropdownItemPropsstring | function | function>): void
    Parameters
    • evtany
    • itemReactElement<DropdownItemPropsstring | function | function>optional 
    Returns 
    void

placeholder optional

placeholder: string

Indicates the placeholder text.

size optional

size: ButtonSize

Defines the size of the dropdown button. The button will take the default size if the value is undefined.

tag optional

tag: ElementType<any>

Custom html element to be used for the container.

toggle optional

toggle: function

A callback function when the dropdown is toggled.

Type declaration
    (eany): void
    Parameters
    • eany
    Returns 
    void

useFirstOption optional

useFirstOption: boolean

If it is true, the first option will be selected by default.

value optional

value: string | number

Input element value. It is used to display value when the component is controlled.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.