Fix QC Kak Inno : tanggal 14 Oktober
Fitur Search bisa digunakan di 6 Menu, sisa 3 Menu Lagi
This commit is contained in:
36
src/app/darmasaba/_com/scrollToTopButton.tsx
Normal file
36
src/app/darmasaba/_com/scrollToTopButton.tsx
Normal file
@@ -0,0 +1,36 @@
|
||||
'use client'
|
||||
import { useWindowScroll } from '@mantine/hooks';
|
||||
import { ActionIcon, Transition } from '@mantine/core';
|
||||
import { IconArrowUp } from '@tabler/icons-react';
|
||||
import colors from '@/con/colors';
|
||||
|
||||
function ScrollToTopButton() {
|
||||
const [scroll, scrollTo] = useWindowScroll();
|
||||
|
||||
return (
|
||||
<Transition
|
||||
mounted={scroll.y > 300}
|
||||
transition="slide-up"
|
||||
duration={300}
|
||||
timingFunction="ease"
|
||||
>
|
||||
{(styles) => (
|
||||
<ActionIcon
|
||||
style={styles}
|
||||
size="xl"
|
||||
radius="xl"
|
||||
variant="filled"
|
||||
color={colors['blue-button']}
|
||||
onClick={() => scrollTo({ y: 0 })}
|
||||
pos="fixed"
|
||||
bottom={24}
|
||||
right={24}
|
||||
aria-label="Kembali ke atas"
|
||||
>
|
||||
<IconArrowUp size={20} />
|
||||
</ActionIcon>
|
||||
)}
|
||||
</Transition>
|
||||
);
|
||||
}
|
||||
export default ScrollToTopButton
|
||||
Reference in New Issue
Block a user