如何添加一个链接到脉轮UI吐司？

Question

我在我的Next.js项目中使用Chakra。是否可以添加到脉轮UI吐司的链接，甚至在其中格式化文本？如果是，怎么做？

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>
  )
}