<div className="-p-a-3">
      {/* default tag */}
      <div className="gds-tag">This is a tag</div>
      {/* default color with close */}
      <div className="gds-tag gds-tag--with-button">Gillette<button className="gds-tag__button"></button></div>
      {/* primary color with close */}
      <div className="gds-tag gds-tag--with-button gds-tag--primary">Primary Tag<button className="gds-tag__button gds-tag__button--primary"></button></div>
      {/* success color with close */}
      <div className="gds-tag gds-tag--with-button gds-tag--success">Success Tag<button className="gds-tag__button gds-tag__button--success"></button></div>
      {/* warning color with close */}
      <div className="gds-tag gds-tag--with-button gds-tag--warning">Warning Tag<button className="gds-tag__button gds-tag__button--warning"></button></div>
      {/* Option tag feature has color bugs and needs to be improved */}
      <div className="gds-tag gds-tag--with-button gds-tag--danger">Option Danger Tag (to use a different icon)<button className="gds-tag__option gds-tag__option--danger"><i className="fas fa-sm fa-plus"></i></button></div>
      {/* small with close */}
      <div className="gds-tag gds-tag--with-button-sm gds-tag--sm">
          Small Tag<button className="gds-tag__button gds-tag__button--sm"></button>
      </div>
      {/* x-small with close */}
      <div className="gds-tag gds-tag--primary gds-tag--with-button-xs gds-tag--xs">
          X-Small Primary Tag<button className="gds-tag__button gds-tag__button--primary gds-tag__button--xs"></button>
      </div>
</div>