Interface SelectProps

interface SelectProps {
    attributes?: Record<string, string>;
    autoWidth?: boolean;
    border?: boolean;
    classNames?: string[];
    description?: ExtendedHTMLElement;
    handleIcon?: "copy" | "cancel" | MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history";
    icon?: "copy" | "cancel" | MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history";
    label?: string | HTMLElement | ExtendedHTMLElement;
    onChange?: ((value) => void);
    optionTestId?: string;
    optional?: boolean;
    options?: SelectOption[];
    placeholder?: string;
    value?: string;
    wrapperTestId?: string;
}

Properties

attributes? autoWidth? border? classNames? description? handleIcon? icon? label? onChange? optionTestId? optional? options? placeholder? value? wrapperTestId?

Properties

Optional attributes

attributes?: Record<string, string>

Optional autoWidth

autoWidth?: boolean

Optional border

border?: boolean

Optional classNames

classNames?: string[]

Optional description

description?: ExtendedHTMLElement

Optional handleIcon

handleIcon?: "copy" | "cancel" | MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history"

Optional icon

icon?: "copy" | "cancel" | MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history"

Optional label

label?: string | HTMLElement | ExtendedHTMLElement

Optional onChange

onChange?: ((value) => void)

Type declaration

    • (value): void

    • Parameters

      • value: string

      Returns void

Optional optionTestId

optionTestId?: string

Optional optional

optional?: boolean

Optional options

options?: SelectOption[]

Optional placeholder

placeholder?: string

Optional value

value?: string

Optional wrapperTestId

wrapperTestId?: string

Settings

Member Visibility

Theme

On This Page

attributesautoWidthborderclassNamesdescriptionhandleIconiconlabelonChangeoptionTestIdoptionaloptionsplaceholdervaluewrapperTestId