Close button
Vue Bootstrap 5 Close button
Responsive Vue Close button with the latest Bootstrap 5. Multiple code examples, a user-friendly guide, extensive API, and customization tools.
Basic example
This is a mobile version of the documentation.
View this website on the desktop to copy & edit the source code of the component.
Disabled
Disabled close buttons change their opacity. We’ve also applied pointer-events: none and user-select: none to preventing hover and active states from triggering.
This is a mobile version of the documentation.
View this website on the desktop to copy & edit the source code of the component.
White variant
Add white property to change color on dark background.
This is a mobile version of the documentation.
View this website on the desktop to copy & edit the source code of the component.