Usage

<nav class="if sidebar-menu">
  <ul class="if">
    <li class="if is-parent is-active">
      <a tabindex="-1" role="menuitem" href="#" class="if">Level 1</a>
      <div class="if sidebar-menu is-open">
        <ul class="if is-open">
          โ€ฆ
          <li class="if">
            <a tabindex="-1" role="menuitem" href="#" class="if">
              Level 2
            </a>
            โ€ฆ
          </li>
        </ul>
      </div>
    </li>
  </ul>
</nav>
Edit this section, Opens in new window

Accessibility

Remember to use the correct role, aria- and html-attributes for the menu options.

<nav class="if sidebar-menu" tabindex="-1" role="menu" aria-label="Sidebar Menu" id="menu-0123">
  <ul class="if">
    <li class="if">
      <a href="/layout" tabindex="-1" role="menuitem" class="if" type="button">Layout</a>
    </li>
  </ul>
</nav>
Edit this section, Opens in new window

Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

14.0.0 (2021-11-09)

chore

  • ๐Ÿค– Rename util to utils (f78721f)

Code Refactoring

  • ๐Ÿ’ก Rename scope and repository (3ea5423)
  • ๐Ÿ’ก Use new navigation structure for documentation (415aee5), closes #490579

Documentation

  • โœ๏ธ Update links and change navigation structure (0bfd27d), closes #490579

BREAKING CHANGES

  • ๐Ÿงจ The scope for If Design System npm packages has now changed from

@if-design-system to @ids-core. We have also renamed the repository from if-design-system to ids-core

  • ๐Ÿงจ Util is now renamed to Utils
  • ๐Ÿงจ We have now changed the navigation structure for the documentation site.

Please update any saved links!

  • ๐Ÿงจ Navigation structure has now changed. Please see release notes!

13.11.0 (2021-10-19)

Features

  • ๐ŸŽธ Input field hot reload (eac76b7)

13.9.2 (2021-09-30)

Bug Fixes

  • ๐Ÿ› Complete the pseudo-element fix (1dcee2c)

13.6.3 (2021-09-17)

Bug Fixes

12.13.1 (2021-08-11)

Bug Fixes

  • ๐Ÿ› Whitelist docs dir for npm packaging (1a5cfd0), closes #457621

12.12.1 (2021-08-10)

Bug Fixes

  • ๐Ÿ› Make sure components using fonts, have fonts bundled (d5bb642), closes #354912

12.6.0 (2021-05-27)

Bug Fixes

  • ๐Ÿ› Manually set firstPublished and lastModified (e83af7d)
  • ๐Ÿ› We don't need lastModified (e458a12)

12.3.0 (2021-05-19)

Features

  • ๐ŸŽธ Support more heading levels in sidebar menu (3e5cf45)

12.0.0 (2021-05-05)

Code Refactoring

  • ๐Ÿ’ก Refactor out list menu to Sidebar Menu (1d005c4), closes #336508
  • ๐Ÿ’ก Rename and consolidate mixins (67cf470), closes #268081

BREAKING CHANGES

  • ๐Ÿงจ All of the mixins have now been renamed
  • ๐Ÿงจ The List Menu is now a separate component; Sidebar Menu
Edit this section, Opens in new window
Contact us, Opens in new window