Close Button

A close button is a special button type that semantic indicates a "close dialog" action. Typically, it will be used inside of a card, modal, or callout.

React
HTML

<div>
  <Callout>
    <Row flex>
      <Col middle>
        Look at this close button!
      </Col>
      <CloseButton aria-label="Close Callout">&times;</CloseButton>
    </Row>
  </Callout>
</div>

<div>
  <Callout>
    <Row flex>
      <Col middle>
        Look at this close button!
      </Col>
      <CloseButton aria-label="Close Callout">&times;</CloseButton>
    </Row>
  </Callout>
</div>