@manta-eu/react/select

Type Aliases

SelectContentProps

SelectContentProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & object

Type Declaration

ref?

optional ref?: Ref<HTMLDivElement>

size?

optional size?: SelectVariantsSize

---

SelectItemProps

SelectItemProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & object

Type Declaration

error?

optional error?: boolean

ref?

optional ref?: Ref<HTMLDivElement>

---

SelectLabelProps

SelectLabelProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Label> & object

Type Declaration

ref?

optional ref?: Ref<HTMLDivElement>

---

SelectScrollButtonProps

SelectScrollButtonProps = ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton | typeof SelectPrimitive.ScrollDownButton> & object

Type Declaration

ref?

optional ref?: Ref<HTMLDivElement>

---

SelectSeparatorProps

SelectSeparatorProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Separator> & object

Type Declaration

ref?

optional ref?: Ref<HTMLDivElement>

---

SelectTriggerProps

SelectTriggerProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & object

Type Declaration

error?

optional error?: string

hiddenLabel?

optional hiddenLabel?: boolean

hideChevron?

optional hideChevron?: boolean

id

id: string

label

label: string

ref?

optional ref?: Ref<HTMLButtonElement>

required?

optional required?: boolean

size?

optional size?: SelectVariantsSize

---

SelectVariantsSize

SelectVariantsSize = keyof typeof selectConfig.variants.size

Variables

Select

const Select: FC<SelectProps> = SelectPrimitive.Root

---

selectConfig

const selectConfig: object

Type Declaration

base

base: string[]

defaultVariants

defaultVariants: object

defaultVariants.size

readonly size: "base" = "base"

variants

variants: object

variants.size

size: object

variants.size.base

base: string = "h-10 px-3 typography-caption"

variants.size.lg

lg: string = "h-12 px-4 typography-body-v4"

variants.size.sm

sm: string = "h-8 px-3 typography-small"

---

SelectGroup

const SelectGroup: ForwardRefExoticComponent<SelectGroupProps & RefAttributes<HTMLDivElement>> = SelectPrimitive.Group

---

SelectValue

const SelectValue: ForwardRefExoticComponent<SelectValueProps & RefAttributes<HTMLSpanElement>> = SelectPrimitive.Value

Functions

createSelectClassName()

createSelectClassName(props?): string

Parameters

props?

VariantPropsOf<{ base: string[]; variants: { size: { sm: string; base: string; lg: string; }; }; defaultVariants: { readonly size: “base”; }; }> & ClassProp

Returns

string

---

SelectContent()

SelectContent(props): Element

Parameters

props

SelectContentProps

Returns

Element

---

SelectItem()

SelectItem(props): Element

Parameters

props

SelectItemProps

Returns

Element

---

SelectLabel()

SelectLabel(props): Element

Parameters

props

SelectLabelProps

Returns

Element

---

SelectScrollDownButton()

SelectScrollDownButton(props): Element

Parameters

props

SelectScrollButtonProps

Returns

Element

---

SelectScrollUpButton()

SelectScrollUpButton(props): Element

Parameters

props

SelectScrollButtonProps

Returns

Element

---

SelectSeparator()

SelectSeparator(props): Element

Parameters

props

SelectSeparatorProps

Returns

Element

---

SelectTrigger()

SelectTrigger(props): Element

Parameters

props

SelectTriggerProps

Returns

Element