<commit_before><% content_for :title, "Drilldown" %>

<div class="spacing">
  <div class="content-spacing">
    <h2 class="heading-two">Basic usage</h2>

    <p>Drilldown can either be attached to a <code>div</code> element, as long as it has a child <code>ul</code>, or directly on to a <code>ul</code>.</p>

    <p>Here is an example of using it as a wrapper on a list:</p>
  </div>

  <%= render layout: "/layouts/styleguide/styleguide_feature", locals: { id: "drilldown-wrapper" } do -%>
<nav data-drilldown aria-label="Global Navigation">
  <ul>
    <li>
      <a href="#">Item 1</a>
      <ul>
        <li>
          <a href="#">Item 1A</a>
          <ul>
            <li><a href="#item-1Aa">Item 1Aa</a></li>
            <li><a href="#item-1Ba">Item 1Ba</a></li>
            <li><a href="#item-1Ca">Item 1Ca</a></li>
            <li><a href="#item-1Da">Item 1Da</a></li>
            <li><a href="#item-1Ea">Item 1Ea</a></li><commit_msg>Drilldown - mentioned nav support in docs<commit_after><% content_for :title, "Drilldown" %>

<div class="spacing">
  <div class="content-spacing">
    <h2 class="heading-two">Basic usage</h2>

    <p>Drilldown can either be attached to a <code>div</code> or <code>nav</code> element, as long as it has a child <code>ul</code>, or directly on to a <code>ul</code>.</p>

    <p>Here is an example of using it as a wrapper on a list:</p>
  </div>

  <%= render layout: "/layouts/styleguide/styleguide_feature", locals: { id: "drilldown-wrapper" } do -%>
<nav data-drilldown aria-label="Global Navigation">
  <ul>
    <li>
      <a href="#">Item 1</a>
      <ul>
        <li>
          <a href="#">Item 1A</a>
          <ul>
            <li><a href="#item-1Aa">Item 1Aa</a></li>
            <li><a href="#item-1Ba">Item 1Ba</a></li>
            <li><a href="#item-1Ca">Item 1Ca</a></li>
            <li><a href="#item-1Da">Item 1Da</a></li>
            <li><a href="#item-1Ea">Item 1Ea</a></li>
{'fraction_non_alphanumeric': 0.20268872802481902, 'fraction_numerical': 0.014477766287487074, 'mean_word_length': 2.7719298245614037, 'pattern_counts': {'":': 0, '<': 99, '<?xml version=': 0, '>': 99, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1920467', 'n_tokens_mistral': 756, 'n_tokens_neox': 716, 'n_words': 176}