Variable MultiSelectTheme

Type declaration

• baseStyle: ((props: Record<string, any>) => { actionGroup: { alignItems: string; display: string }; button: { _active: { bg: string }; _focus: { bg: string; boxShadow: string }; _hover: { bg: string }; colorscheme: any; variant: string }; control: { h: string; minW: number; pr: number }; divider: { border: number; borderColor: string; display: string; h: string; my: number; opacity: number }; groupTitle: { fontWeight: string }; input: { appearance: string; bgColor: string; flex: number; outline: number }; item: { _active: { bg: string }; _disabled: { cursor: string; opacity: number }; _expanded: { bg: string }; _focus: { bg: string; boxShadow: string }; _selected: { bg: string }; cursor: string; transition: string }; label: { display: string; textAlign: string }; list: { bg: string; borderRadius: string; borderWidth: string; boxShadow: string; color: string; maxH: string; overflowY: string; overscrollBehaviorY: string; py: string; w: string; zIndex: number }; selectedItem: { borderRadius: string; colorscheme: any; variant: string }; selectedList: { alignItems: string; display: string; flex: number; flexWrap: string } })

  • • (props: Record<string, any>): { actionGroup: { alignItems: string; display: string }; button: { _active: { bg: string }; _focus: { bg: string; boxShadow: string }; _hover: { bg: string }; colorscheme: any; variant: string }; control: { h: string; minW: number; pr: number }; divider: { border: number; borderColor: string; display: string; h: string; my: number; opacity: number }; groupTitle: { fontWeight: string }; input: { appearance: string; bgColor: string; flex: number; outline: number }; item: { _active: { bg: string }; _disabled: { cursor: string; opacity: number }; _expanded: { bg: string }; _focus: { bg: string; boxShadow: string }; _selected: { bg: string }; cursor: string; transition: string }; label: { display: string; textAlign: string }; list: { bg: string; borderRadius: string; borderWidth: string; boxShadow: string; color: string; maxH: string; overflowY: string; overscrollBehaviorY: string; py: string; w: string; zIndex: number }; selectedItem: { borderRadius: string; colorscheme: any; variant: string }; selectedList: { alignItems: string; display: string; flex: number; flexWrap: string } }

    • Parameters

      • props: Record<string, any>

      Returns { actionGroup: { alignItems: string; display: string }; button: { _active: { bg: string }; _focus: { bg: string; boxShadow: string }; _hover: { bg: string }; colorscheme: any; variant: string }; control: { h: string; minW: number; pr: number }; divider: { border: number; borderColor: string; display: string; h: string; my: number; opacity: number }; groupTitle: { fontWeight: string }; input: { appearance: string; bgColor: string; flex: number; outline: number }; item: { _active: { bg: string }; _disabled: { cursor: string; opacity: number }; _expanded: { bg: string }; _focus: { bg: string; boxShadow: string }; _selected: { bg: string }; cursor: string; transition: string }; label: { display: string; textAlign: string }; list: { bg: string; borderRadius: string; borderWidth: string; boxShadow: string; color: string; maxH: string; overflowY: string; overscrollBehaviorY: string; py: string; w: string; zIndex: number }; selectedItem: { borderRadius: string; colorscheme: any; variant: string }; selectedList: { alignItems: string; display: string; flex: number; flexWrap: string } }

      • actionGroup: { alignItems: string; display: string }

        • alignItems: string

        • display: string

      • button: { _active: { bg: string }; _focus: { bg: string; boxShadow: string }; _hover: { bg: string }; colorscheme: any; variant: string }

        • _active: { bg: string }

          • bg: string

        • _focus: { bg: string; boxShadow: string }

          • bg: string

          • boxShadow: string

        • _hover: { bg: string }

          • bg: string

        • colorscheme: any

        • variant: string

      • control: { h: string; minW: number; pr: number }

        • h: string

        • minW: number

        • pr: number

      • divider: { border: number; borderColor: string; display: string; h: string; my: number; opacity: number }

        • border: number

        • borderColor: string

        • display: string

        • h: string

        • my: number

        • opacity: number

      • groupTitle: { fontWeight: string }

        • fontWeight: string

      • input: { appearance: string; bgColor: string; flex: number; outline: number }

        • appearance: string

        • bgColor: string

        • flex: number

        • outline: number

      • item: { _active: { bg: string }; _disabled: { cursor: string; opacity: number }; _expanded: { bg: string }; _focus: { bg: string; boxShadow: string }; _selected: { bg: string }; cursor: string; transition: string }

        • _active: { bg: string }

          • bg: string

        • _disabled: { cursor: string; opacity: number }

          • cursor: string

          • opacity: number

        • _expanded: { bg: string }

          • bg: string

        • _focus: { bg: string; boxShadow: string }

          • bg: string

          • boxShadow: string

        • _selected: { bg: string }

          • bg: string

        • cursor: string

        • transition: string

      • label: { display: string; textAlign: string }

        • display: string

        • textAlign: string

      • list: { bg: string; borderRadius: string; borderWidth: string; boxShadow: string; color: string; maxH: string; overflowY: string; overscrollBehaviorY: string; py: string; w: string; zIndex: number }

        • bg: string

        • borderRadius: string

        • borderWidth: string

        • boxShadow: string

        • color: string

        • maxH: string

        • overflowY: string

        • overscrollBehaviorY: string

        • py: string

        • w: string

        • zIndex: number

      • selectedItem: { borderRadius: string; colorscheme: any; variant: string }

        • borderRadius: string

        • colorscheme: any

        • variant: string

      • selectedList: { alignItems: string; display: string; flex: number; flexWrap: string }

        • alignItems: string

        • display: string

        • flex: number

        • flexWrap: string

• defaultProps: { size: string }

  • size: string

• parts: string[]

• sizes: { lg: { actionGroup: { spacing: string }; control: { minH: number; spacing: number }; groupTitle: { fontSize: string; mx: number; my: number }; input: { p: number }; item: { px: number; py: number }; list: { fontSize: string }; selectedItem: { m: number }; selectedList: { py: number }; textList: { px: number; py: number } }; md: { actionGroup: { spacing: string }; control: { minH: number; spacing: number }; groupTitle: { fontSize: string; mx: number; my: number }; input: { p: string }; item: { px: number; py: number }; list: { fontSize: string }; selectedItem: { m: string }; selectedList: { py: string }; textList: { p: number } }; sm: { actionGroup: { spacing: string }; control: { minH: number; spacing: number }; groupTitle: { fontSize: string; mx: number; my: number }; input: { p: string }; item: { px: number; py: number }; list: { fontSize: string }; selectedItem: { m: string }; selectedList: { py: string }; textList: { px: number; py: number } } }

  • lg: { actionGroup: { spacing: string }; control: { minH: number; spacing: number }; groupTitle: { fontSize: string; mx: number; my: number }; input: { p: number }; item: { px: number; py: number }; list: { fontSize: string }; selectedItem: { m: number }; selectedList: { py: number }; textList: { px: number; py: number } }

    • actionGroup: { spacing: string }

      • spacing: string

    • control: { minH: number; spacing: number }

      • minH: number

      • spacing: number

    • groupTitle: { fontSize: string; mx: number; my: number }

      • fontSize: string

      • mx: number

      • my: number

    • input: { p: number }

      • p: number

    • item: { px: number; py: number }

      • px: number

      • py: number

    • list: { fontSize: string }

      • fontSize: string

    • selectedItem: { m: number }

      • m: number

    • selectedList: { py: number }

      • py: number

    • textList: { px: number; py: number }

      • px: number

      • py: number

  • md: { actionGroup: { spacing: string }; control: { minH: number; spacing: number }; groupTitle: { fontSize: string; mx: number; my: number }; input: { p: string }; item: { px: number; py: number }; list: { fontSize: string }; selectedItem: { m: string }; selectedList: { py: string }; textList: { p: number } }

    • actionGroup: { spacing: string }

      • spacing: string

    • control: { minH: number; spacing: number }

      • minH: number

      • spacing: number

    • groupTitle: { fontSize: string; mx: number; my: number }

      • fontSize: string

      • mx: number

      • my: number

    • input: { p: string }

      • p: string

    • item: { px: number; py: number }

      • px: number

      • py: number

    • list: { fontSize: string }

      • fontSize: string

    • selectedItem: { m: string }

      • m: string

    • selectedList: { py: string }

      • py: string

    • textList: { p: number }

      • p: number

  • sm: { actionGroup: { spacing: string }; control: { minH: number; spacing: number }; groupTitle: { fontSize: string; mx: number; my: number }; input: { p: string }; item: { px: number; py: number }; list: { fontSize: string }; selectedItem: { m: string }; selectedList: { py: string }; textList: { px: number; py: number } }

    • actionGroup: { spacing: string }

      • spacing: string

    • control: { minH: number; spacing: number }

      • minH: number

      • spacing: number

    • groupTitle: { fontSize: string; mx: number; my: number }

      • fontSize: string

      • mx: number

      • my: number

    • input: { p: string }

      • p: string

    • item: { px: number; py: number }

      • px: number

      • py: number

    • list: { fontSize: string }

      • fontSize: string

    • selectedItem: { m: string }

      • m: string

    • selectedList: { py: string }

      • py: string

    • textList: { px: number; py: number }

      • px: number

      • py: number