@praxisui/tabs 8.0.0-beta.98 → 9.0.0-beta.0
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 +44 -1
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -42,8 +42,9 @@ last_updated: "2026-03-07"
|
|
|
42
42
|
|
|
43
43
|
## Documentation
|
|
44
44
|
|
|
45
|
-
- Documentação oficial: https://praxisui.dev
|
|
45
|
+
- Documentação oficial: https://praxisui.dev/components/tabs
|
|
46
46
|
- Aplicação de referência: https://github.com/codexrodrigues/praxis-ui-quickstart
|
|
47
|
+
- Demo publicado: https://praxis-ui-4e602.web.app
|
|
47
48
|
- Indicado para: navegacao por abas metadata-driven com persistencia, widgets internos e editor em runtime
|
|
48
49
|
|
|
49
50
|
## When to use
|
|
@@ -54,6 +55,48 @@ last_updated: "2026-03-07"
|
|
|
54
55
|
|
|
55
56
|
Componente de abas (grupo e nav) configurável por metadados, com suporte a widgets internos, presets de estilo e editor integrado via Settings Panel.
|
|
56
57
|
|
|
58
|
+
## Instalação
|
|
59
|
+
|
|
60
|
+
```bash
|
|
61
|
+
npm i @praxisui/tabs@beta
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
Peer dependencies:
|
|
65
|
+
- `@angular/core` `^21.0.0`
|
|
66
|
+
- `@angular/common` `^21.0.0`
|
|
67
|
+
- `@angular/forms` `^21.0.0`
|
|
68
|
+
- `@angular/router` `^21.0.0`
|
|
69
|
+
- `@angular/cdk` `^21.0.0`
|
|
70
|
+
- `@angular/material` `^21.0.0`
|
|
71
|
+
- `@praxisui/core` `^9.0.0-beta.0`
|
|
72
|
+
- `@praxisui/dynamic-fields` `^9.0.0-beta.0`
|
|
73
|
+
- `@praxisui/settings-panel` `^9.0.0-beta.0`
|
|
74
|
+
- `@praxisui/ai` `^9.0.0-beta.0`
|
|
75
|
+
- `rxjs` `~7.8.0`
|
|
76
|
+
|
|
77
|
+
## Minimal standalone tabs
|
|
78
|
+
|
|
79
|
+
```ts
|
|
80
|
+
import { Component } from '@angular/core';
|
|
81
|
+
import { PraxisTabs } from '@praxisui/tabs';
|
|
82
|
+
|
|
83
|
+
@Component({
|
|
84
|
+
selector: 'app-tabs-host',
|
|
85
|
+
standalone: true,
|
|
86
|
+
imports: [PraxisTabs],
|
|
87
|
+
template: `<praxis-tabs tabsId="profile-tabs" [config]="config" />`,
|
|
88
|
+
})
|
|
89
|
+
export class TabsHostComponent {
|
|
90
|
+
config = {
|
|
91
|
+
mode: 'group',
|
|
92
|
+
tabs: [
|
|
93
|
+
{ id: 'summary', label: 'Summary' },
|
|
94
|
+
{ id: 'history', label: 'History' },
|
|
95
|
+
],
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
```
|
|
99
|
+
|
|
57
100
|
## Visão Geral
|
|
58
101
|
|
|
59
102
|
- Dois modos de renderização: `group` (mat-tab-group) e `nav` (mat-tab-nav-bar).
|
package/package.json
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@praxisui/tabs",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "9.0.0-beta.0",
|
|
4
4
|
"description": "Configurable tabs (group and nav) for Praxis UI with metadata-driven content and runtime editor.",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/common": "^21.0.0",
|
|
7
7
|
"@angular/core": "^21.0.0",
|
|
8
8
|
"@angular/material": "^21.0.0",
|
|
9
9
|
"@angular/cdk": "^21.0.0",
|
|
10
|
-
"@praxisui/core": "^
|
|
11
|
-
"@praxisui/dynamic-fields": "^
|
|
12
|
-
"@praxisui/settings-panel": "^
|
|
10
|
+
"@praxisui/core": "^9.0.0-beta.0",
|
|
11
|
+
"@praxisui/dynamic-fields": "^9.0.0-beta.0",
|
|
12
|
+
"@praxisui/settings-panel": "^9.0.0-beta.0",
|
|
13
13
|
"@angular/forms": "^21.0.0",
|
|
14
14
|
"@angular/router": "^21.0.0",
|
|
15
|
-
"@praxisui/ai": "^
|
|
15
|
+
"@praxisui/ai": "^9.0.0-beta.0",
|
|
16
16
|
"rxjs": "~7.8.0"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|