FormControlOwnProps

Properties

Link copied to clipboard
abstract override var children: ReactNode?

The content of the component.

Link copied to clipboard

Override or extend the styles applied to the component.

Link copied to clipboard
abstract 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 var disabled: Boolean?

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

Link copied to clipboard
abstract var error: Boolean?

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

Link copied to clipboard
abstract var focused: Boolean?

If true, the component is displayed in focused state.

Link copied to clipboard
abstract var fullWidth: Boolean?

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

Link copied to clipboard
abstract 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 var key: Key?
Link copied to clipboard
abstract var margin: FormControlMargin?

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

Link copied to clipboard
abstract var required: Boolean?

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

Link copied to clipboard
abstract var size: BaseSize?

The size of the component.

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

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

Link copied to clipboard

The variant to use.

Functions

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