API
<message-box>
A simple message-box web component.
Properties
| Name | Attribute | Description | Type | Default |
| height | height | The height of component | string | "initial" |
| width | width | The width of component | string | "initial" |
| minWidth | min-width | The min-width of component | string | "initial" |
| border | border | The `border` css property of component | string | "0" |
| color | color | The `color` css property of component | string | "255, 255, 255" |
| radius | radius | The `border-radius` of component | string | "0" |
| shadow | shadow | The `box-shadow` css property of component | string | "0, 1rem, 1rem" |
| out | out | The out method of component. one of "right"|"top". | string | "" |
| timeout | timeout | The display time of the component. | string | "0" |
Slots
| Name | Description |
| message | The 'message' component that needs to be displayed, the most basic such as `SPAN` |
| button | `BUTTON`s that need to be displayed |
CSS Shadow Parts
| Name | Description |
| --message-box-background-color | Set background color of component |
| --message-box-opacity | Set opacity of component |