UNPKG

zent

Version:

一套前端设计语言和基于React的实现

44 lines (30 loc) 1.72 kB
--- title: Notify path: component/notify group: Feedback --- ## Notify Display a notification at top of the viewport. ### Guides - Display a brief message ### API - `Notify.info(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number` - `Notify.success(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number` - `Notify.warn(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number` - `Notify.error(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number` `Notify.info`, `Notify.success`, `Notify.warn` and `Notify.error` return an id, which can be used by `Notify.clear(id)` to close the specific notify instance; | Property | Description | Type | Default | | -------- | ------------- | ------ | ------ | | text | notify message | node | `''` | | duration | duration | number | `3500` | | callback | customize callabck when notify closes | func | | | containerSelector `v10.0.11` | notify's parent node CSS selector | string | `'body'` | | className `v10.0.11` | Custom class name | string | | - `Notify.clear(number?: id): void` If no `id` is passed to `Notify.clear`, it will close all notify instances that are active. - `Notify.config(options: Options): void` ### Options | Property | Description | Type | Default | | ----------- | ------------ | ------ | ------ | | duration | global duration | number | `3500` | | containerSelector `v10.0.11` | notify's parent node CSS selector | string | `'body'` |