AntD Library
DocsComponentsResources
Sardor Tursunboyev
imgButtonsimgInputsimgDropdownimgCarouselimgBadgeimgTooltipimgProgressimgCheckboximgSwitchimgAlertimgTableimgMenuimgStepsimgCalendarimgMapsimgChartsimgFormsimgDatePickerimgTransferimgUploadimgAvatarimgCardimgCollapseimgImageimgPaginationimgPopoverimgTabsimgDrawerimgModalimgNotificationimgPopConfirmimgResultimgSpinner

Alert

Alert component for feedback.

When To Use

  • When you need to show alert messages to users.
  • When you need a persistent static container which is closable by user actions.
Success alert
BasicThe simplest usage for short messages.
tg imgtg imgtg imgtg img
Success alert
Warning alert
Error alert
Info alert
More typesThere are 4 types of Alert: success, info, warning, error
tg imgtg imgtg imgtg img
img
Success alert
description description description description description description description
img
Warning alert
description description description description description description description
img
Error alert
description description description description description description description
img
Info alert
description description description description description description description
DescriptionAdditional description for alert message.
tg imgtg imgtg imgtg img
img
Icon alert
img
Error alert
description description description description description description description description description description description description description description descriptiondescription description description description description
img
Info alert
description description description description description description description description description description description description description description descriptiondescription description description description description
ClosableTo show close button.
tg imgtg imgtg imgtg img
img
Icon alert
img
Error alert
description description description description description description description description description description description description description description descriptiondescription description description description description
img
Info alert
description description description description description description description description description description description description description description descriptiondescription description description description description
Closable closeTextTo show close button. closeText='close now'
tg imgtg imgtg imgtg img