Interface SelectPopperProps

interface SelectPopperProps {
    appendTo?: HTMLElement | "inline" | (() => HTMLElement);
    direction?: "up" | "down";
    enableFlip?: boolean;
    maxWidth?: string;
    minWidth?: string;
    position?:
        | "start"
        | "right"
        | "center"
        | "end"
        | "left";
    preventOverflow?: boolean;
    width?: string;
}

Properties

appendTo? direction? enableFlip? maxWidth? minWidth? position? preventOverflow? width?

Properties

OptionalappendTo

appendTo?: HTMLElement | "inline" | (() => HTMLElement)

The container to append the select to. Defaults to 'inline'. If your select is being cut off you can append it to an element higher up the DOM tree. Some examples: appendTo="inline" appendTo={() => document.body} appendTo={document.getElementById('target')}

Optionaldirection

direction?: "up" | "down"

Vertical direction of the popper. If enableFlip is set to true, this will set the initial direction before the popper flips.

OptionalenableFlip

enableFlip?: boolean

Enable to flip the popper when it reaches the boundary

OptionalmaxWidth

maxWidth?: string

Maximum width of the popper. If the value is "trigger", it will set the max width to the select toggle's width

OptionalminWidth

minWidth?: string

Minimum width of the popper. If the value is "trigger", it will set the min width to the select toggle's width

Optionalposition

position?:
    | "start"
    | "right"
    | "center"
    | "end"
    | "left"

Horizontal position of the popper

OptionalpreventOverflow

preventOverflow?: boolean

Flag to prevent the popper from overflowing its container and becoming partially obscured.

Optionalwidth

width?: string

Custom width of the popper. If the value is "trigger", it will set the width to the select toggle's width

Settings

Member Visibility

On This Page

Properties