Toast CToastClose empty
ElBart00 opened this issue · 3 comments
The examples on https://coreui.io/vue/docs/components/toast.html are not visible.
I've tried to use CToastClose but it renders an empty html element. I've checked the example on https://coreui.io/vue/docs/components/toast.html but this seems to render a html cbutton element instead of rendering CButton component.
The second example under the Custom content header on your demo page. This is your code:
<CToast :autohide="false" class="align-items-center" visible> <CToastBody> Hello, world! This is a toast message. <div class="mt-2 pt-2 border-top"> <CButton type="button" color="primary" size="sm"> Take action </CButton> <CToastClose component="CButton" color="secondary" size="sm" class="ms-1">Close</CToastClose> </div> </CToastBody> </CToast>
The line <CToastClose component="CButton" color="secondary" size="sm" class="ms-1">Close</CToastClose> should render a CButton I presume, but it renders a CButten html element instead of the CButton control. The example doesn't show any way to close the toast.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions