Rate this docs

React Bootstrap Close Icon

React Close Icon - Bootstrap 4 & Material Design

React Bootstrap close icon is an element which is used for dismissing components like modals and alerts. See how easy implementation is.


Basic example

Use a generic close icon for dismissing content like modals and alerts. Be sure to include text for screen readers, as we’ve done with aria-label.



          import React from "react";

          const CloseIconPage = () => {
          return (
          <button type="button" className="close" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
          );
          }

          export default CloseIconPage;