pantoken / renderers/web-components/src / drilldown

Փոփոխական: drilldown

const drilldown: ElementDefinition

Ալֆա

<instui-drilldown> — վիճակավորված, բազմաստիճանեղ ընտրացանց մենյուի ոճերից վերև։ Յուրաքանչյուր մակարդակ լույսի DOM [data-page="id"]-ն է, որի ներքին .item-ները կլոնավորված են ստվերային .instui-menu-ի մեջ; տարր data-goto="id"-ով իջնում է այդ էջին և սինթեզացված Back շարագիծ (կամ ցանկացած [data-back] տարր) վերադառնում։ Թեթև DOM-ը տվյալների աղբյուր է միայն — <slot>-ի առանց այն երբեք չի գործարկվում, այնպես որ ստվերային CSS-ը ամբողջական տեղ տալիս է յուրաքանչյուր վահանակին։ active հատկանիշը արտացոլում է ընթացիկ էջը և կարող է սահմանվել նավիգացիայի համար; փուչ navigate իրադարձություն (detail.page) կրակում է յուրաքանչյուր շարժման համար։ Վարվում է թեթև DOM-ից Invoker Commands-ի միջոցով. <button command="--goto" commandfor="dd-id" data-page="…"> իջնում է և <button command="--back" commandfor="dd-id"> վերադառնում։

Օրինակ

<instui-drilldown active="root">
  <div data-page="root">
    <div class="item" data-goto="settings">Settings</div>
  </div>
  <div data-page="settings">
    <div class="item">Profile</div>
  </div>
</instui-drilldown>