Gitako/src/components/RoundIconButton.tsx
2022-12-26 21:43:46 +08:00

20 lines
460 B
TypeScript

import React, { ForwardedRef, forwardRef } from 'react'
import { IconButton, IconButtonProps } from './IconButton'
export const RoundIconButton = forwardRef(function RoundIconButton(
props: IconButtonProps,
ref: ForwardedRef<HTMLButtonElement>,
) {
return (
<IconButton
ref={ref}
variant="invisible"
title={props['aria-label']}
{...props}
sx={{
borderRadius: '20px',
...props.sx,
}}
/>
)
})