Properties of the DropdownButton React component.

interface DropdownButtonProps {
    children: ReactElement<DropdownButtonChildrenProps>;
    color?:
        | "inherit"
        | "primary"
        | "secondary"
        | "success"
        | "error"
        | "info"
        | "warning";
    disabled?: boolean;
    endIcon?: ReactNode;
    id?: string;
    size?: "small"
    | "medium"
    | "large";
    startIcon?: ReactNode;
    text?: string;
    variant?: "text" | "outlined" | "contained";
}

Properties

children: ReactElement<DropdownButtonChildrenProps>

The drop down items that will be displayed when the user clicks on this button.

color?:
    | "inherit"
    | "primary"
    | "secondary"
    | "success"
    | "error"
    | "info"
    | "warning"

Button color.

disabled?: boolean

Set to true to disable this button.

endIcon?: ReactNode

An end icon displayed inside the button.

id?: string

The component id.

size?: "small" | "medium" | "large"

Button size.

startIcon?: ReactNode

A start icon displayed inside the button.

text?: string

The text to be displayed inside the button.

variant?: "text" | "outlined" | "contained"

Button variant.