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.
Name | Description | Default | Control |
---|---|---|---|
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 Ref<ButtonBaseActions> | - | |
centerRipple | If 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 string | - | |
onFocusVisible | Callback fired when the component is focused with a keyboard.
We trigger a FocusEventHandler<any> | onFocusVisible : { | |
TouchRippleProps | Props applied to the TouchRipple element.Partial<TouchRippleProps> | - |