{% extends "_layouts/examples.html" %}
{% block title %}Segmented control / Icons{% endblock %}

{% block standalone_css %}patterns_segmented-control{% endblock %}

{% block content %}

<div class="p-segmented-control">
  <div class="p-segmented-control__list" role="tablist" aria-label="Juju technology">
    <button
      class="p-segmented-control__button"
      role="tab"
      aria-selected="true"
      aria-controls="olm-tab"
      id="olm"
    >
      <i class="p-icon--information"></i><span>OLM</span>