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.

created:
12/8/2020
,
updated:
12/8/2020

ES Story

Button with react Typescript properties

Component

import { Button } from 'storybook-5-controls-starter';

Overview

Properties

Name
Description
Default
Controls
disabled

Boolean indicating whether the button should render as disabled

boolean
false
children

button label

string | (string & {}) | (string & ReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)>) | (new (props: any) => Component<...>)>) | (string & ReactNodeArray) | (string & ReactPortal)
default
onClick

onClick handler

() => void
() => {}
style

Custom styles

object
{}
backgroundColor

Background color

string
#fefefe
color

Text color, default black

string
black
type

Button type

button
reset
submit
button
padding

Numeric field type

number
5

External dependencies

package
imports
peer
react
^16.13.1
React
FC

Component JSX