pantoken-root / renderers/web-components/src / tabs

Μεταβλητή: tabs ​

const tabs: ElementDefinition

Άλφα

<instui-tabs> — ένα σύνολο καρτελών light-DOM. Διατηρεί το υπάρχον .instui-tabs CSS συμβόλαιο ανέπαφο ενώ προσθέτει επιλογή, ορατότητα πλαισίου και συμπεριφορά πληκτρολογίου μέσω της κοινής αλληλεπίδρασης καρτελών

interaction. Φορτώστε @pantoken/components/components.css για τα οπτικά των καρτελών.

Παράδειγμα ​

html
<instui-tabs>
  <div class="list" role="tablist" aria-label="Settings">
    <button role="tab" aria-selected="true" aria-controls="general">Γενικά</button>
    <button role="tab" aria-selected="false" aria-controls="advanced">Σύνθετες ρυθμίσεις</button>
  </div>
  <div id="general" role="tabpanel">Παραγμένο με</div>
  <div id="advanced" role="tabpanel" hidden>Σύνθετες ρυθμίσεις</div>
</instui-tabs>