No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

CheckboxField

NameDescriptionDefaultControl
onSubmit
-
-
label*
string
-
field*
string
-
defaultValue
-
required
-
ref
Ref<HTMLButtonElement>
-
disableFocusRipple
boolean
-
edge

If given, uses a negative margin to counteract the padding on one side (this is often helpful for aligning the left or right side of the icon with content above or below, without ruining the border size and shape).

false"start""end"
-
action

A ref for imperative actions. It currently only supports focusVisible() action.

Ref<ButtonBaseActions>
-
centerRipple

If true, the ripples will be centered. They won't start at the cursor interaction position.

boolean
-
disableTouchRipple
If true, the touch ripple effect will be disabled.
boolean
-
focusRipple
If true, the base button will have a keyboard focus ripple.
boolean
-
focusVisibleClassName

This prop can help a person know which element has the keyboard focus. The class name will be applied when the element gain the focus through a keyboard interaction. It's a polyfill for the CSS :focus-visible selector. The rationale for using this feature is explained here. A polyfill can be used to apply a focus-visible class to other components if needed.

string
-
onFocusVisible

Callback fired when the component is focused with a keyboard. We trigger a onFocus callback too.

FocusEventHandler<any>
onFocusVisible : {
    }
    TouchRippleProps
    Props applied to the TouchRipple element.
    Partial<TouchRippleProps>
    -