Tab Panel
<pc-tab-panel> Dieser Inhalt ist noch nicht in deiner Sprache verfügbar.
Tab panels are used inside tab groups to display tabbed content.
Additional demonstrations can be found in the tab group demos.
Eigenschaften#
| Name | Beschreibung | Reflektiert | Standard |
|---|---|---|---|
name | The tab panel’s name. Typ: string |
| "" |
active | The active state of the tab panel. Typ: boolean |
| false |
updateComplete | Ein schreibgeschütztes Promise, das erfüllt ist, sobald die Komponente fertig aktualisiert wurde. | ‐ |
Erfahre mehr über Attribute und Eigenschaften.
Slots#
| Name | Beschreibung |
|---|---|
| (default) | The tab panel’s content. |
Erfahre mehr über die Benutzung von Slots.
Methoden#
| Name | Beschreibung | Argumente |
|---|---|---|
handleActiveChange() | This is an internal method. | ‐ |
Erfahre mehr über Methoden.
Parts#
| Name | Beschreibung |
|---|---|
base | The component’s base wrapper. |
Erfahre mehr über das Anpassen von CSS‐Parts.
Importieren#
Wenn du den Autoloader oder den Standard‐Loader nutzt, kannst du diesen Abschnitt überspringen. Falls du „Cherry Picking“ betreibst, kannst du die folgenden Snippets verwenden, um diese Komponente zu importieren.
Um diese Komponente manuell vom CDN zu importieren, kopiere dieses Code‐Snippet und füge es in dein HTML ein.
<script type="module" src="https://cdn.jsdelivr.net/npm/placer-toolkit@1.0.0-alpha.3/cdn/components/tab-panel/tab-panel.js"></script>Um diese Komponente manuell vom CDN zu importieren, kopiere dieses Code‐Snippet und füge es in deine JavaScript‐Datei ein.
import "https://cdn.jsdelivr.net/npm/placer-toolkit@1.0.0-alpha.3/cdn/components/tab-panel/tab-panel.js";Um diese Komponente manuell via npm zu importieren, kopiere dieses Code‐Snippet und füge es in deine JavaScript‐Datei ein.
import "placer-toolkit/dist/components/tab-panel/tab-panel.js";