JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.jsdelivr.net/foundation/4.1.6/css/foundation.min.css">
<body>
<div class="row">
 <div class="large-12 columns">
  <ul class="button-group ">
    <li><a class="tiny secondary button" href="#">3 months</a></li>
    <li><a class="tiny secondary button" href="#">6 months</a></li>
    <li><a class="tiny secondary button" href="#">9 months</a></li>
    <li><a class="tiny secondary button" href="#">1 year</a></li>
    <li><a class="tiny secondary button" href="#">2 years</a></li>
  </ul>
 </div>
</div>
</body>