## Install
The button component is contained in the @cypress-design/react-button package. You'll also want to install @cypress-design/constants-button to get proper types for TypeScript.
``bash`
npm install @cypress-design/react-button @cypress-design/constants-button
or with yarn
`bash`
yarn add @cypress-design/react-button @cypress-design/constants-button
`ts`
import Button from '@cypress-design/react-button'
`jsx live`
import { IconActionPower } from '@cypress-design/react-icon'
import Button from '@cypress-design/react-button'
export default () => (
)
Square buttons
`jsx live`
import { IconActionPower } from '@cypress-design/react-icon'
import Button from '@cypress-design/react-button'
export default () => (
{[20, 24, 32, 40, 48].map((size) => (
))}
)
Variants and their available sizes plus styles when disabled is set to true (represented as 🚫).
`tsx live
import {
default as Button,
VariantClassesTable,
SizeClassesTable,
} from '@cypress-design/react-button'
export default () => {
const darkModeVariants = [
'outline-dark',
'outline-red-dark-mode',
'outline-jade-dark-mode',
'outline-indigo-dark-mode',
'outline-purple-dark-mode',
'red-dark-mode',
'purple-dark-mode',
'indigo-dark-mode',
'disabled-dark-mode',
]
return (