BookStack/resources/views/partials/breadcrumb-listing.blade.php

<div class="breadcrumb-listing" component="dropdown" breadcrumb-listing="{{ $entity->getType() }}:{{ $entity->id }}">
    <div class="breadcrumb-listing-toggle" refs="dropdown@toggle"
         aria-haspopup="true" aria-expanded="false" tabindex="0">
        <div class="separator">@icon('chevron-right')</div>
    </div>
    <div refs="dropdown@menu" class="breadcrumb-listing-dropdown card" role="menu">
        <div class="breadcrumb-listing-search">
            @icon('search')
            <input autocomplete="off" type="text" name="entity-search" placeholder="{{ trans('common.search') }}" aria-label="{{ trans('common.search') }}">
        </div>
        @include('partials.loading-icon')
        <div class="breadcrumb-listing-entity-list px-m"></div>
    </div>
</div>
Started attempt at formalising component system used in BookStack Added a document to try to define things. Updated the loading so components are registed dynamically. Added some standardised ways to reference other elems & define options 2020-06-24 15:38:08 -04:00			`<div class="breadcrumb-listing" component="dropdown" breadcrumb-listing="{{ $entity->getType() }}:{{ $entity->id }}">`
			`<div class="breadcrumb-listing-toggle" refs="dropdown@toggle"`
Made a mass of accessibility improvements - Changed default focus styles - Updated dropdowns with keyboard navigation - Updated modals with esc exiting - Added accessibility attirbutes where needed - Made many more elements focusable - Updated hover effects of many items to also apply when focused within Related to #1320 and #1198 2019-08-24 13:26:28 -04:00			`aria-haspopup="true" aria-expanded="false" tabindex="0">`
Added experimental breadcrumb traversal 2019-02-24 10:57:35 -05:00			`<div class="separator">@icon('chevron-right')</div>`
			`</div>`
Started attempt at formalising component system used in BookStack Added a document to try to define things. Updated the loading so components are registed dynamically. Added some standardised ways to reference other elems & define options 2020-06-24 15:38:08 -04:00			`<div refs="dropdown@menu" class="breadcrumb-listing-dropdown card" role="menu">`
Added experimental breadcrumb traversal 2019-02-24 10:57:35 -05:00			`<div class="breadcrumb-listing-search">`
			`@icon('search')`
Made a mass of accessibility improvements - Changed default focus styles - Updated dropdowns with keyboard navigation - Updated modals with esc exiting - Added accessibility attirbutes where needed - Made many more elements focusable - Updated hover effects of many items to also apply when focused within Related to #1320 and #1198 2019-08-24 13:26:28 -04:00			`<input autocomplete="off" type="text" name="entity-search" placeholder="{{ trans('common.search') }}" aria-label="{{ trans('common.search') }}">`
Added experimental breadcrumb traversal 2019-02-24 10:57:35 -05:00			`</div>`
			`@include('partials.loading-icon')`
			`<div class="breadcrumb-listing-entity-list px-m"></div>`
			`</div>`
			`</div>`