File manager - Edit - /home/eliteafr/datapro/wp-content/plugins/themeisle-companion/dashboard/src/components/ui/toaster.jsx
Back
'use client' import { Toaster as ChakraToaster, Portal, Spinner, Stack, Toast, createToaster, } from '@chakra-ui/react' export const toaster = createToaster({ placement: 'bottom-end', pauseOnPageIdle: true, }) export const Toaster = () => { return ( <Portal> <ChakraToaster toaster={toaster} insetInline={{ mdDown: '4' }}> {(toast) => ( <Toast.Root width={{ md: 'sm' }}> {toast.type === 'loading' ? ( <Spinner size='sm' color='blue.solid' /> ) : ( <Toast.Indicator /> )} <Stack gap='1' flex='1' maxWidth='100%'> {toast.title && <Toast.Title>{toast.title}</Toast.Title>} {toast.description && ( <Toast.Description>{toast.description}</Toast.Description> )} </Stack> {toast.action && ( <Toast.ActionTrigger>{toast.action.label}</Toast.ActionTrigger> )} {toast.closable && <Toast.CloseTrigger />} </Toast.Root> )} </ChakraToaster> </Portal> ) }
| ver. 1.4 |
Github
|
.
| PHP 5.4.45 | Generation time: 0 |
proxy
|
phpinfo
|
Settings