Skip to content

Class: Components ​

Components is a utility containing commonly used React components. An instance is available on BdApi.

Properties ​

Button ​

Button: typeof Button


ColorInput ​

ColorInput: (props) => Element

Parameters ​

ParameterType
propsColorpickerProps

Returns ​

Element


DropdownInput: (props) => Element

Parameters ​

ParameterType
propsSelectProps

Returns ​

Element


ErrorBoundary ​

ErrorBoundary: typeof ErrorBoundary


Flex ​

Flex: typeof Flex


KeybindInput ​

KeybindInput: (props) => Element

Parameters ​

ParameterType
propsKeybindProps

Returns ​

Element


NumberInput ​

NumberInput: (props) => Element

Parameters ​

ParameterType
propsNumberInputProps

Returns ​

Element


RadioInput ​

RadioInput: (props) => Element

Parameters ​

ParameterType
propsRadioProps

Returns ​

Element


SearchInput ​

SearchInput: (props) => Element

Parameters ​

ParameterType
propsSearchProps

Returns ​

Element


SettingGroup ​

SettingGroup: (props) => Element

Parameters ​

ParameterType
propsGroupProps

Returns ​

Element


SettingItem ​

SettingItem: (props) => Element

Parameters ​

ParameterType
propsSettingItemProps

Returns ​

Element


SliderInput ​

SliderInput: (props) => Element

Parameters ​

ParameterType
propsSliderProps

Returns ​

Element


Spinner ​

Spinner: {(props): Element; Type: Readonly<{ CHASING_DOTS: "chasing-dots"; LOW_MOTION: "low-motion"; PULSING_ELLIPSIS: "pulsing-ellipsis"; SPINNING_CIRCLE: "spinning-circle"; SPINNING_CIRCLE_SIMPLE: "spinning-circle-simple"; WANDERING_CUBES: "wandering-cubes"; }>; }

Clone of Discord's builtin spinner, acts 100% the same.

Parameters ​

ParameterType
propsSpinnerProps

Returns ​

Element

Type ​

Type: Readonly<{ CHASING_DOTS: "chasing-dots"; LOW_MOTION: "low-motion"; PULSING_ELLIPSIS: "pulsing-ellipsis"; SPINNING_CIRCLE: "spinning-circle"; SPINNING_CIRCLE_SIMPLE: "spinning-circle-simple"; WANDERING_CUBES: "wandering-cubes"; }>


SwitchInput ​

SwitchInput: (props) => Element

Parameters ​

ParameterType
propsSwitchProps

Returns ​

Element


Text ​

Text: typeof Text


TextInput ​

TextInput: (props) => Element

Parameters ​

ParameterType
propsTextboxProps

Returns ​

Element


Tooltip ​

Tooltip: DiscordTooltip