FormControlOwnProps

Properties

Link copied to clipboard
abstract external override var children: ReactNode?

The content of the component.

Link copied to clipboard
abstract external var classes: FormControlClasses?

Override or extend the styles applied to the component.

Link copied to clipboard
abstract external var color: FormControlColor?

The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide.

Link copied to clipboard
abstract external var disabled: Boolean?

If true, the label, input and helper text should be displayed in a disabled state.

Link copied to clipboard
abstract external var error: Boolean?

If true, the label is displayed in an error state.

Link copied to clipboard
abstract external var focused: Boolean?

If true, the component is displayed in focused state.

Link copied to clipboard
abstract external var fullWidth: Boolean?

If true, the component will take up the full width of its container.

Link copied to clipboard
abstract external var hiddenLabel: Boolean?

If true, the label is hidden. This is used to increase density for a FilledInput. Be sure to add aria-label to the input element.

Link copied to clipboard
abstract external var key: Key?
Link copied to clipboard
abstract external var margin: FormControlMargin?

If dense or normal, will adjust vertical spacing of this and contained components.

Link copied to clipboard
abstract external var required: Boolean?

If true, the label will indicate that the input is required.

Link copied to clipboard
abstract external var size: BaseSize?

The size of the component.

Link copied to clipboard
abstract external override var sx: SxProps<Theme>?

The system prop that allows defining system overrides as well as additional CSS styles.

Link copied to clipboard
abstract external var variant: FormControlVariant?

The variant to use.

Functions

Link copied to clipboard
open inline external fun <P : Props> child(type: ElementType<P>, props: P)
Link copied to clipboard
open inline operator external fun <P : Props> ElementType<P>.invoke()
open inline operator external fun <P : Props> ElementType<P>.invoke(noinline block: P.() -> Unit)
open inline operator external fun <T> Provider<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)
Link copied to clipboard
open inline operator external fun Char.unaryPlus()
open inline operator external fun String?.unaryPlus()
open inline operator external fun ReactNode?.unaryPlus()
open inline operator external fun Props?.unaryPlus()