RQBMaterialContextValue

Defined in: packages/material/src/RQBMaterialContext.ts:5

Extends

• RQBMaterialComponents

Properties

Button

Button: ExtendButtonBase<ButtonTypeMap<{ }, "button">>

Defined in: packages/material/src/types.ts:29

Inherited from

RQBMaterialComponents.Button

---

Checkbox

Checkbox: (props: CheckboxProps) => Element

Defined in: packages/material/src/types.ts:30

Demos:

• Checkbox
• Transfer List

API:

• Checkbox API
• inherits ButtonBase API

Parameters

Parameter	Type
props	CheckboxProps

Returns

Element

Inherited from

RQBMaterialComponents.Checkbox

---

CloseIcon

CloseIcon: OverridableComponent<SvgIconTypeMap<{ }, "svg">> & { muiName: string; }

Defined in: packages/material/src/types.ts:31

Type Declaration

muiName

muiName: string

Inherited from

RQBMaterialComponents.CloseIcon

---

ContentCopyIcon

ContentCopyIcon: OverridableComponent<SvgIconTypeMap<{ }, "svg">> & { muiName: string; }

Defined in: packages/material/src/types.ts:32

Type Declaration

muiName

muiName: string

Inherited from

RQBMaterialComponents.ContentCopyIcon

---

DragIndicator

DragIndicator: OverridableComponent<SvgIconTypeMap<{ }, "svg">> & { muiName: string; }

Defined in: packages/material/src/types.ts:33

Type Declaration

muiName

muiName: string

Inherited from

RQBMaterialComponents.DragIndicator

---

FormControl

FormControl: OverridableComponent<FormControlTypeMap<{ }, "div">>

Defined in: packages/material/src/types.ts:34

Inherited from

RQBMaterialComponents.FormControl

---

FormControlLabel

FormControlLabel: (props: FormControlLabelProps) => Element

Defined in: packages/material/src/types.ts:35

Drop-in replacement of the Radio, Switch and Checkbox component. Use this component if you want to display an extra label.

Demos:

• Checkbox
• Radio Group
• Switch

API:

• FormControlLabel API

Parameters

Parameter	Type
props	FormControlLabelProps

Returns

Element

Inherited from

RQBMaterialComponents.FormControlLabel

---

InputLabel

InputLabel: OverridableComponent<InputLabelTypeMap<{ }, "label">>

Defined in: packages/material/src/types.ts:36

Inherited from

RQBMaterialComponents.InputLabel

---

KeyboardArrowDownIcon

KeyboardArrowDownIcon: OverridableComponent<SvgIconTypeMap<{ }, "svg">> & { muiName: string; }

Defined in: packages/material/src/types.ts:37

Type Declaration

muiName

muiName: string

Inherited from

RQBMaterialComponents.KeyboardArrowDownIcon

---

KeyboardArrowUpIcon

KeyboardArrowUpIcon: OverridableComponent<SvgIconTypeMap<{ }, "svg">> & { muiName: string; }

Defined in: packages/material/src/types.ts:38

Type Declaration

muiName

muiName: string

Inherited from

RQBMaterialComponents.KeyboardArrowUpIcon

---

LayersClearIcon

LayersClearIcon: OverridableComponent<SvgIconTypeMap<{ }, "svg">> & { muiName: string; }

Defined in: packages/material/src/types.ts:40

Type Declaration

muiName

muiName: string

Inherited from

RQBMaterialComponents.LayersClearIcon

---

ListSubheader

ListSubheader: OverridableComponent<ListSubheaderTypeMap<{ }, "li">>

Defined in: packages/material/src/types.ts:39

Inherited from

RQBMaterialComponents.ListSubheader

---

LockIcon

LockIcon: OverridableComponent<SvgIconTypeMap<{ }, "svg">> & { muiName: string; }

Defined in: packages/material/src/types.ts:41

Type Declaration

muiName

muiName: string

Inherited from

RQBMaterialComponents.LockIcon

---

LockOpenIcon

LockOpenIcon: OverridableComponent<SvgIconTypeMap<{ }, "svg">> & { muiName: string; }

Defined in: packages/material/src/types.ts:42

Type Declaration

muiName

muiName: string

Inherited from

RQBMaterialComponents.LockOpenIcon

---

MenuItem

MenuItem: ExtendButtonBase<MenuItemTypeMap<{ }, "li">>

Defined in: packages/material/src/types.ts:43

Inherited from

RQBMaterialComponents.MenuItem

---

Radio

Radio: (props: RadioProps) => Element

Defined in: packages/material/src/types.ts:44

Demos:

• Radio Group

API:

• Radio API
• inherits ButtonBase API

Parameters

Parameter	Type
props	RadioProps

Returns

Element

Inherited from

RQBMaterialComponents.Radio

---

RadioGroup

RadioGroup: (props: RadioGroupProps) => Element

Defined in: packages/material/src/types.ts:45

Demos:

• Radio Group

API:

• RadioGroup API
• inherits FormGroup API

Parameters

Parameter	Type
props	RadioGroupProps

Returns

Element

Inherited from

RQBMaterialComponents.RadioGroup

---

RedoIcon

RedoIcon: OverridableComponent<SvgIconTypeMap<{ }, "svg">> & { muiName: string; }

Defined in: packages/material/src/types.ts:51

Type Declaration

muiName

muiName: string

Inherited from

RQBMaterialComponents.RedoIcon

---

Select

Select: <Value>(props: SelectProps<Value>) => Element & { muiName: string; }

Defined in: packages/material/src/types.ts:46

Type Declaration

muiName

muiName: string

Inherited from

RQBMaterialComponents.Select

---

showInputLabels?

optional showInputLabels?: boolean

Defined in: packages/material/src/RQBMaterialContext.ts:6

---

Switch

Switch: (props: SwitchProps) => Element

Defined in: packages/material/src/types.ts:47

Demos:

• Switch
• Transfer List

API:

• Switch API
• inherits IconButton API

Parameters

Parameter	Type
props	SwitchProps

Returns

Element

Inherited from

RQBMaterialComponents.Switch

---

TextareaAutosize

TextareaAutosize: ForwardRefExoticComponent<TextareaAutosizeProps & RefAttributes<Element>>

Defined in: packages/material/src/types.ts:48

Inherited from

RQBMaterialComponents.TextareaAutosize

---

TextField

TextField: <Variant>(props: { variant?: Variant; } & Omit<OutlinedTextFieldProps | FilledTextFieldProps | StandardTextFieldProps, "variant">) => Element

Defined in: packages/material/src/types.ts:49

The TextField is a convenience wrapper for the most common cases (80%). It cannot be all things to all people, otherwise the API would grow out of control.

Advanced Configuration

It's important to understand that the text field is a simple abstraction on top of the following components:

• FormControl
• InputLabel
• FilledInput
• OutlinedInput
• Input
• FormHelperText

If you wish to alter the props applied to the input element, you can do so as follows:

const slotProps = {
  htmlInput: {
     step: 300
  }
};

return <TextField id="time" type="time" slotProps={slotProps} />;

For advanced cases, please look at the source of TextField by clicking on the "Edit this page" button above. Consider either:

• using the slotProps prop for passing values directly to the components
• using the underlying components directly as shown in the demos

Demos:

• Autocomplete
• Text Field

API:

• TextField API
• inherits FormControl API

Type Parameters

Type Parameter
Variant extends TextFieldVariants

Parameters

Parameter	Type
props	{ variant?: Variant; } & Omit<OutlinedTextFieldProps | FilledTextFieldProps | StandardTextFieldProps, "variant">

Returns

Element

Inherited from

RQBMaterialComponents.TextField

---

UndoIcon

UndoIcon: OverridableComponent<SvgIconTypeMap<{ }, "svg">> & { muiName: string; }

Defined in: packages/material/src/types.ts:50

Type Declaration

muiName

muiName: string

Inherited from

RQBMaterialComponents.UndoIcon

---

caution

API documentation is generated from the latest commit on the main branch. It may be somewhat inconsistent with official releases of React Query Builder.