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