|
8 | 8 | Supports fade-in/fade-out animations, auto-dismiss, and manual close. |
9 | 9 |
|
10 | 10 | Usage: |
11 | | - from crystal_toolkit.components.error_msg import ErrorMessageAIO |
| 11 | + from crystal_toolkit.components.error_msg import MessageAIO |
12 | 12 |
|
13 | 13 | # 1. Include in layout |
14 | | - ErrorMessageAIO( |
| 14 | + MessageAIO( |
15 | 15 | "Invalid composition input!", |
16 | 16 | aio_id=self.id("invalid-comp-alarm"), |
17 | 17 | msg_type="error", |
18 | 18 | ), |
19 | 19 |
|
20 | 20 | # 2. Add to callback: |
21 | | - Output(ErrorMessage.ids.visible(self.id("invalid-comp-alarm")), "data"), |
| 21 | + Output(MessageAIO.ids.visible(self.id("invalid-comp-alarm")), "data"), |
22 | 22 | # Return True to display the message, and False to hide it. |
23 | 23 |
|
24 | 24 | Note: Do not need to register callbacks as using All-in-one pattern |
|
94 | 94 | } |
95 | 95 |
|
96 | 96 |
|
97 | | -class ErrorMessageAIO(html.Div, MPComponent): |
| 97 | +class MessageAIO(html.Div, MPComponent): |
98 | 98 | class ids: |
99 | 99 | wrapper = lambda aio_id: { |
100 | | - "component": "ErrorMessageAIO", |
| 100 | + "component": "MessageAIO", |
101 | 101 | "subcomponents": "wrapper", |
102 | 102 | "aio_id": aio_id, |
103 | 103 | } |
104 | 104 | close_button = lambda aio_id: { |
105 | | - "component": "ErrorMessageAIO", |
| 105 | + "component": "MessageAIO", |
106 | 106 | "subcomponents": "close_button", |
107 | 107 | "aio_id": aio_id, |
108 | 108 | } |
109 | 109 | message = lambda aio_id: { |
110 | | - "component": "ErrorMessageAIO", |
| 110 | + "component": "MessageAIO", |
111 | 111 | "subcomponents": "message", |
112 | 112 | "aio_id": aio_id, |
113 | 113 | } |
114 | 114 | div = lambda aio_id: { |
115 | | - "component": "ErrorMessageAIO", |
| 115 | + "component": "MessageAIO", |
116 | 116 | "subcomponents": "div", |
117 | 117 | "aio_id": aio_id, |
118 | 118 | } |
119 | 119 | timer = lambda aio_id: { |
120 | | - "component": "ErrorMessageAIO", |
| 120 | + "component": "MessageAIO", |
121 | 121 | "subcomponents": "timer", |
122 | 122 | "aio_id": aio_id, |
123 | 123 | } |
124 | 124 | visible = lambda aio_id: { |
125 | | - "component": "ErrorMessageAIO", |
| 125 | + "component": "MessageAIO", |
126 | 126 | "subcomponents": "visible", |
127 | 127 | "aio_id": aio_id, |
128 | 128 | } |
|
0 commit comments