Component controls stories. Write your components documentation with MDX and JSX. Design, develop, test and review in a single site.
Edit this page
created:1/14/2022
updated:1/14/2022

Props

Props / PropsTable

props.mdx

---
name: Props
menu: Components
---
import { Props } from '@component-controls/blocks';
import { Button } from '../src/components/Button'
# Button
<Props of={Button} />

Typescript

Name
Description
Default
disabled

Boolean indicating whether the button should render as disabled

boolean
false
children

button label

string & ReactNode
default
onClick

onClick handler

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

Custom styles

object
{}
backgroundColor

Background color

string
#fefefe
color

Text color, default black

string
black
type

Button type

buttonresetsubmit
button
padding

Numeric field type

number
5

React PropTypes

Name
Description
Default
disabled

Boolean indicating whether the button should render as disabled

boolean
false
children

button label

string
default
onClick

onClick handler

function
() => {}
style

Custom styles

object
{}
backgroundColor

Background color

string
#fefefe
color

Text color, default black

string
black
type

Button type

buttonresetsubmit
button
padding

Numeric field type

number
5