@praxisui/tabs 9.0.0-beta.3 → 9.0.0-beta.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -41
- package/ai/component-registry.json +2061 -0
- package/fesm2022/praxisui-tabs.mjs +72 -35
- package/package.json +10 -6
- package/src/lib/praxis-tabs-config-editor.json-api.md +6 -2
- package/types/praxisui-tabs.d.ts +6 -0
package/README.md
CHANGED
|
@@ -1,43 +1,3 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: "Tabs"
|
|
3
|
-
slug: "tabs-overview"
|
|
4
|
-
description: "Public npm documentation for @praxisui/tabs: group/nav modes, metadata-driven content, controlled selected index, persistence and runtime authoring."
|
|
5
|
-
doc_type: "reference"
|
|
6
|
-
document_kind: "component-overview"
|
|
7
|
-
component: "tabs"
|
|
8
|
-
category: "components"
|
|
9
|
-
audience:
|
|
10
|
-
- "frontend"
|
|
11
|
-
- "host"
|
|
12
|
-
- "architect"
|
|
13
|
-
level: "intermediate"
|
|
14
|
-
status: "active"
|
|
15
|
-
owner: "praxis-ui"
|
|
16
|
-
tags:
|
|
17
|
-
- "tabs"
|
|
18
|
-
- "navigation"
|
|
19
|
-
- "metadata"
|
|
20
|
-
- "settings-panel"
|
|
21
|
-
- "runtime"
|
|
22
|
-
order: 34
|
|
23
|
-
icon: "tabs"
|
|
24
|
-
toc: true
|
|
25
|
-
sidebar: true
|
|
26
|
-
search_boost: 1.0
|
|
27
|
-
reading_time: 5
|
|
28
|
-
estimated_setup_time: 20
|
|
29
|
-
version: "1.0"
|
|
30
|
-
related_docs:
|
|
31
|
-
- "consumer-integration-quickstart"
|
|
32
|
-
- "host-integration-guide"
|
|
33
|
-
keywords:
|
|
34
|
-
- "tabs metadata"
|
|
35
|
-
- "mat-tab-group"
|
|
36
|
-
- "tab nav"
|
|
37
|
-
- "tabsId persistence"
|
|
38
|
-
last_updated: "2026-06-16"
|
|
39
|
-
---
|
|
40
|
-
|
|
41
1
|
# @praxisui/tabs
|
|
42
2
|
|
|
43
3
|
`@praxisui/tabs` renders configurable group tabs and navigation tabs for Praxis UI Angular applications. Install it when a host needs metadata-driven tab composition, nested widgets, runtime editing, persisted configuration and controlled navigation state.
|
|
@@ -59,7 +19,7 @@ npm i @praxisui/tabs@latest
|
|
|
59
19
|
Peer dependencies:
|
|
60
20
|
|
|
61
21
|
- `@angular/common`, `@angular/core`, `@angular/forms`, `@angular/router`, `@angular/cdk`, `@angular/material` `^21.0.0`
|
|
62
|
-
- `@praxisui/core`, `@praxisui/dynamic-fields`, `@praxisui/settings-panel`, `@praxisui/ai` `^9.0.0-beta.
|
|
22
|
+
- `@praxisui/core`, `@praxisui/dynamic-fields`, `@praxisui/settings-panel`, `@praxisui/ai` `^9.0.0-beta.12`
|
|
63
23
|
- `rxjs` `~7.8.0`
|
|
64
24
|
|
|
65
25
|
Runtime dependency included by the package:
|
|
@@ -113,6 +73,8 @@ export class TabsHostComponent {
|
|
|
113
73
|
|
|
114
74
|
Controlled `selectedIndex` updates the active tab without re-emitting `selectedIndexChange`, which prevents loops in dynamic-page state projections.
|
|
115
75
|
|
|
76
|
+
For navigation where the host renders the active content externally, set `config.group.renderBody = false` in group mode or `config.nav.renderBody = false` in nav mode. The component still owns the Material tab header/link header, selected index, keyboard navigation and selection ARIA, but it does not render internal tab/nav bodies or empty states. Hosts should render the external active panel next to the tabs and give that panel a stable accessible label that matches the active section.
|
|
77
|
+
|
|
116
78
|
## Metadata Shape
|
|
117
79
|
|
|
118
80
|
`TabsMetadata` supports two primary modes:
|