Components
Callout

Callout

Display text that requires attention or provides additional information.

Neutral
Bạn cần cho phép website sử dụng thông tin vị trí để sử dụng tính năng này
Error
Bạn cần cho phép website sử dụng thông tin vị trí để sử dụng tính năng này
Success
Bạn cần cho phép website sử dụng thông tin vị trí để sử dụng tính năng này
Warning
Bạn cần cho phép website sử dụng thông tin vị trí để sử dụng tính năng này
Info
Bạn cần cho phép website sử dụng thông tin vị trí để sử dụng tính năng này
Disabled
Bạn cần cho phép website sử dụng thông tin vị trí để sử dụng tính năng này
Action
Bạn cần cho phép website sử dụng thông tin vị trí để sử dụng tính năng này
Bạn cần cho phép website sử dụng thông tin vị trí để sử dụng tính năng này

Usage

import { Callout } from "@momo-webplatform/mobase";
<Callout
  type="success"
  message="Bạn cần cho phép website sử dụng thông tin vị trí để sử dụng tính năng này"
/>

API Reference

Callout
PropTypeDefaultRequired
message
string false
type
enumneutral | error | success | warning | info neutral false
withAction
string false false
onClickAction
() => void--false
className
string--false
disabled
enumboolean--false
actionClassName
string--false
typeDiv
enumneutral | error | success | warning | info--false
typeIcon
enumneutral | error | success | warning | info--false

Best practices

Use Callouts to increase or decrease the value in the count field.
  • Callouts are used to attract users' attention to important messages, advice, or needed information.
  • Callouts can be used to suggest specific actions to users, such as registering, logging in, or allowing location access.