golden hour
/home/godaofbq/hyperbarics4u.com/wp-content/plugins/code-snippets/js/common
⬆️ Go Up
Upload
File/Folder
Size
Actions
.htaccess
514 B
Del
OK
Button.tsx
786 B
Del
OK
ConfirmDialog.tsx
1.07 KB
Del
OK
CopyToClipboardButton.tsx
961 B
Del
OK
TagEditor
-
Del
OK
Edit: Button.tsx
import React, { ButtonHTMLAttributes } from 'react' import classnames from 'classnames' export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'name'> { id?: string name?: string primary?: boolean small?: boolean large?: boolean } export const Button: React.FC<ButtonProps> = ({ id, children, className, name = 'submit', primary = false, small = false, large = false, type = 'button', onClick, ...props }) => <button id={id ?? name} name={name} type={type} {...props} onClick={event => { if (onClick) { event.preventDefault() onClick(event) } }} className={classnames('button', className, { 'button-primary': primary, 'button-large': large, 'button-small': small })} > {children} </button>
Save