logoNamu Design

⌘ K
  • Design
  • Development
  • Components
  • Blog
  • Resources
1.0.0
  • Components Overview
  • General
    • Button
    • FloatButtonNew
    • Icon
    • Typography
  • Layout
    • Divider
    • Grid
    • Layout
    • Space
  • Navigation
    • Anchor
    • Breadcrumb
    • Dropdown
    • Menu
    • Pagination
    • Steps
  • Data Entry
    • AutoComplete
    • Cascader
    • Checkbox
    • ColorPickerNew
    • DatePicker
    • Form
    • Input
    • InputNumber
    • Mentions
    • Radio
    • Rate
    • Select
    • Slider
    • Switch
    • TimePicker
    • Transfer
    • TreeSelect
    • Upload
  • Data Display
    • Avatar
    • Badge
    • Calendar
    • Card
    • Carousel
    • Collapse
    • Descriptions
    • Empty
    • Image
    • List
    • Popover
    • QRCodeNew
    • Segmented
    • Statistic
    • Table
    • Tabs
    • Tag
    • Timeline
    • Tooltip
    • TourNew
    • Tree
  • Feedback
    • Alert
    • Drawer
    • Message
    • Modal
    • Notification
    • Popconfirm
    • Progress
    • Result
    • Skeleton
    • Spin
    • Watermark
  • Other
    • Affix
    • AppNew
    • ConfigProvider
When To Use
Examples
Success
Info
Warning
403
404
500
Error
Custom icon
API
Design Token

Result

  • ProgressSkeleton

    Resources

    Namu Design Charts
    Namu Design Pro
    Namu Design Pro Components
    Namu Design Mobile
    Namu Design Mini
    Namu Design Landing-Landing Templates
    Scaffolds-Scaffold Market
    Umi-React Application Framework
    dumi-Component doc generator
    qiankun-Micro-Frontends Framework
    ahooks-React Hooks Library
    Ant Motion-Motion Solution
    China Mirror 🇨🇳

    Community

    Awesome Namu Design
    Medium
    Twitter
    yuqueNamu Design in YuQue
    Namu Design in Zhihu
    Experience Cloud Blog
    seeconfSEE Conf-Experience Tech Conference

    Help

    GitHub
    Change Log
    FAQ
    Bug Report
    Issues
    Discussions
    StackOverflow
    SegmentFault

    Ant XTechMore Products

    yuqueYuQue-Document Collaboration Platform
    AntVAntV-Data Visualization
    EggEgg-Enterprise Node.js Framework
    kitchenKitchen-Sketch Toolkit
    xtechAnt Financial Experience Tech
    Theme Editor
    Made with ❤ by
    Ant Group and Namu Design Community

    Used to feed back the results of a series of operational tasks.

    When To Use

    Use when important operations need to inform the user to process the results and the feedback is more complicated.

    Examples

    Success

    Show successful results.

    expand codeexpand code
    Info

    Show processing results.

    expand codeexpand code
    Warning

    The result of the warning.

    expand codeexpand code
    403

    you are not authorized to access this page.

    expand codeexpand code
    404

    The page you visited does not exist.

    expand codeexpand code
    500

    Something went wrong on server.

    expand codeexpand code
    Error

    Complex error feedback.

    expand codeexpand code
    Custom icon

    Custom icon.

    expand codeexpand code

    API

    Common props ref:Common props

    PropertyDescriptionTypeDefault
    extraOperating areaReactNode-
    iconCustom back iconReactNode-
    statusResult status, decide icons and colorssuccess | error | info | warning | 404 | 403 | 500info
    subTitleThe subTitleReactNode-
    titleThe titleReactNode-

    Design Token

    Component Token

    Global Token

    Successfully Purchased Cloud Server ECS!
    Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait.
    Your operation has been executed
    There are some problems with your operation.
    403
    Sorry, you are not authorized to access this page.
    404
    Sorry, the page you visited does not exist.
    500
    Sorry, something went wrong.
    Submission Failed
    Please check and modify the following information before resubmitting.
    The content you submitted has the following error:
    Your account has been frozen. Thaw immediately >
    Your account is not yet eligible to apply. Apply Unlock >
    Great, we have done all the operations!