--- description: The message component is used to display a message to the user --- ## Usage First add the `` component to your `app.vue`. ```js [app.vue]{6} ``` Then, use the `useMessage` composable to add messages to your app anywhere you want. ```vue [pages/index.vue]{2,5-8} ``` ### Type Multiple preset styles with icons and colors. ::ComponentPreview --- props: type: info content: Hello RayineSoft --- :: ### Color Use the `color` prop to change the color of the message. ::ComponentPreview --- props: color: amber content: Hello RayineSoft --- :: ## Config ::ComponentDefaults ::