CDLIB UI

Sidebar Post: 2 

<section class="c-sidebarpost c-sidebarbox js-sidebarpost--month">
    <header>
        <h2 id="c-sidebarpost--month-heading">Months of Publication</h2>
    </header>

    <select class="o-select" aria-labelledby="c-sidebarpost--month-heading">
        <option value="">Select Month</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/08/">August 2019 (3)</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/07/">July 2019 (6)</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/06/">June 2019 (1)</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/05/">May 2019 (3)</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/04/">April 2019 (10)</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/03/">March 2019 (9)</option>
    </select>
    <button type="button" aria-disabled="true">View All from Month</button>
</section>
 
<section class="c-sidebarpost c-sidebarbox js-sidebarpost--month">
  <header>
    <h2 id="{{ heading.id }}">{{ heading.text }}</h2>
  </header>
  {{> @select }}
  <button type="button" aria-disabled="true">{{ sidebarpost.button }}</button>
</section>
 
{
  "heading": {
    "id": "c-sidebarpost--month-heading",
    "text": "Months of Publication"
  },
  "label": {
    "exists": false
  },
  "select": {
    "labelledby": "c-sidebarpost--month-heading",
    "placeholder": {
      "exists": true,
      "label": "Select Month"
    }
  },
  "sidebarpost": {
    "button": "View All from Month"
  },
  "selectoption": [
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/08/",
          "label": "August 2019 (3)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/07/",
          "label": "July 2019 (6)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/06/",
          "label": "June 2019 (1)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/05/",
          "label": "May 2019 (3)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/04/",
          "label": "April 2019 (10)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/03/",
          "label": "March 2019 (9)"
        }
      }
    }
  ]
}

No notes defined.