如何添加指向 Chakra UI toast 的链接？

Question

我在我的 Next.js 项目中使用 Chakra UI。 是否可以添加指向 Chakra UI toast 的链接，甚至格式化其中的文本？ 如果是，如何？

Answer 1

是的，阅读官方文档

您可以添加自定义渲染组件

function CustomToastExample() {
  const toast = useToast()
  return (
    <Button
      onClick={() =>
        toast({
          position: 'bottom-left',
          render: () => (
            <Box color='white' p={3} bg='blue.500'>
              <YOUR_LINK_HERE>
            </Box>
          ),
        })
      }
    >
      Show Toast
    </Button>
  )
}