styleguide/index-pills_default.html

<!doctype html>
<html lang="en" dir="ltr">
<head>
<title>Pills - pills - modifier: default</title>
<meta charset="utf-8">
<link rel="icon" href="kss-assets/kss-favicon.svg">

				<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
				<meta name="generator" content="kss-node">
			
<link rel="stylesheet" href="../static/css/dist/kss_overrides.css">
<link rel="stylesheet" href="../static/css/dist/main.css">


</head>
<body class="" style="margin: 0;">
<nav class="m-pill">
    <a href="#" class="m-pill__link is-active">
        Option 1
    </a>
    <a href="#" class="m-pill__link">
        Option 2
    </a>
    <a href="#" class="m-pill__link">
        Option 3
    </a>
    <a href="#" class="m-pill__link">
        Option 4
    </a>
</nav>

</body>
</html>