[英]How to add a link to Chakra UI toast?
我在我的 Next.js 項目中使用 Chakra UI。 是否可以添加指向 Chakra UI toast 的鏈接,甚至格式化其中的文本? 如果是,如何?
是的,閱讀官方文檔
您可以添加自定義渲染組件
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>
)
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.