36 lines
		
	
	
		
			932 B
		
	
	
	
		
			Markdown
		
	
	
			
		
		
	
	
			36 lines
		
	
	
		
			932 B
		
	
	
	
		
			Markdown
		
	
	
| 
 | |
| <cn>
 | |
| #### å¸Ļæåžæ įéįĨæéæĄ
 | |
| éįĨæéæĄåˇĻäž§æåžæ ã
 | |
| </cn>
 | |
| 
 | |
| <us>
 | |
| #### Notification with icon
 | |
| A notification box with a icon at the left side.
 | |
| </us>
 | |
| 
 | |
| ```html
 | |
| <template>
 | |
|   <div>
 | |
|     <a-button @click="() => openNotificationWithIcon('success')">Success</a-button>
 | |
|     <a-button @click="() => openNotificationWithIcon('info')">Info</a-button>
 | |
|     <a-button @click="() => openNotificationWithIcon('warning')">Warning</a-button>
 | |
|     <a-button @click="() => openNotificationWithIcon('error')">Error</a-button>
 | |
|   </div>
 | |
| </template>
 | |
| <script>
 | |
|   import { notification } from 'antd'
 | |
|   export default {
 | |
|     methods: {
 | |
|       openNotificationWithIcon (type) {
 | |
|         notification[type]({
 | |
|           message: 'Notification Title',
 | |
|           description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
 | |
|         });
 | |
|       },
 | |
|     }
 | |
|   }
 | |
| </script>
 | |
| ```
 | |
| 
 |