iT邦幫忙

2022 iThome 鐵人賽

DAY 20
0
自我挑戰組

React 面 項目 看起來很好吃吧--佐material 調料系列 第 20

React side project--Snackbar(消息條)

  • 分享至 

  • xImage
  •  

當新增資訊成功或網路發生錯誤時,通常會有短暫的消息在下方提示

那麼Snackbar(消息條) 就可以很好的利用

<Button onClick={handleClick}>Open simple snackbar</Button>
<Snackbar
  open={open}
  autoHideDuration={6000}
  onClose={handleClose}
  message="Note archived"
  action={action}
/>

並且可以用各個程度的顏色來表示要緊性
error
warning
info
success
使使用者可以明白目前的使用狀況


上一篇
React side project--進度條
下一篇
React side project--Accordion (展延式卡片)
系列文
React 面 項目 看起來很好吃吧--佐material 調料30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言