opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-07-29 17:12:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

grafana/ui: Add default type="button" to <Button> (#48183)

Browse Source
This commit is contained in:
Maria Alexandra
2022-05-04 18:36:14 +02:00
committed by GitHub
parent 2f1d404949
commit 6e530d45bc
17 changed files with 65 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/grafana-ui/src/components/Button/Button.tsx
View File

@ -23,12 +23,26 @@ type CommonProps = {
className?: string;
children?: React.ReactNode;
fullWidth?: boolean;
type?: string;
};
export type ButtonProps = CommonProps & ButtonHTMLAttributes<HTMLButtonElement>;
export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
({ variant = 'primary', size = 'md', fill = 'solid', icon, fullWidth, children, className, ...otherProps }, ref) => {
(
{
variant = 'primary',
size = 'md',
fill = 'solid',
icon,
fullWidth,
children,
className,
type = 'button',
...otherProps
},
ref
) => {
const theme = useTheme2();
const styles = getButtonStyles({
theme,
@ -45,7 +59,7 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
);
return (
<button className={cx(styles.button, className)} {...otherProps} ref={ref}>
<button className={cx(styles.button, className)} type={type} {...otherProps} ref={ref}>
{icon && <Icon name={icon} size={size} className={styles.icon} />}
{children && <span className={styles.content}>{children}</span>}
</button>