archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

fix(docs): button custom implement (#1643)

Browse Source
This commit is contained in:
lijianan 2023-09-17 05:12:14 +08:00 committed by GitHub
parent f6531c5f60
commit a5a1ea5ade
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/docs/content/components/button/custom-impl.ts
View File

@ -6,7 +6,6 @@ const MyButton = forwardRef((props, ref) => {
const {
domRef,
children,
ripples,
spinnerSize,
spinner = <Spinner color="current" size={spinnerSize} />,
spinnerPlacement,
@ -15,11 +14,14 @@ const MyButton = forwardRef((props, ref) => {
isLoading,
disableRipple,
getButtonProps,
getRippleProps,
} = useButton({
ref,
...props,
});
const {ripples} = getRippleProps();
return (
<button ref={domRef} {...getButtonProps()}>
{startContent}
@ -45,7 +47,6 @@ const MyButton = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {
const {
domRef,
children,
ripples,
spinnerSize,
spinner = <Spinner color="current" size={spinnerSize} />,
spinnerPlacement,
@ -54,11 +55,14 @@ const MyButton = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {
isLoading,
disableRipple,
getButtonProps,
getRippleProps,
} = useButton({
ref,
...props,
});
const {ripples} = getRippleProps();
return (
<button ref={domRef} {...getButtonProps()}>
{startContent}