Skip to content

Instantly share code, notes, and snippets.

@alpavlove
Created July 28, 2022 13:24
Show Gist options
  • Save alpavlove/804ad309b176511ed264aa83b7c41226 to your computer and use it in GitHub Desktop.
Save alpavlove/804ad309b176511ed264aa83b7c41226 to your computer and use it in GitHub Desktop.
Create React Components library
import React, { ReactNode } from 'react'
import './Button.css'
export type ButtonProps = {
onClick(): void
children: ReactNode
variant?: 'primary' | 'success'
isDisabled?: boolean
}
export function Button({
children,
onClick,
isDisabled = false,
variant = 'primary',
}: ButtonProps) {
const className = `button button-${variant}`
return (
<button onClick={onClick} disabled={isDisabled} className={className}>
{children}
</button>
)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment