@ttoss/layouts 0.11.31 → 0.11.33
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 +11 -2
- package/package.json +7 -7
package/README.md
CHANGED
|
@@ -28,15 +28,24 @@ const App = () => (
|
|
|
28
28
|
|
|
29
29
|
### SidebarCollapseLayout - Dashboard & Admin Interfaces
|
|
30
30
|
|
|
31
|
-
Responsive sidebar that collapses on mobile, perfect for dashboards and admin panels.
|
|
31
|
+
Responsive sidebar that collapses on mobile, perfect for dashboards and admin panels. Use `NavList` from `@ttoss/components` to populate the sidebar navigation.
|
|
32
32
|
|
|
33
33
|
```tsx
|
|
34
|
+
import { NavList } from '@ttoss/components';
|
|
34
35
|
import { Layout, SidebarCollapseLayout } from '@ttoss/layouts';
|
|
35
36
|
|
|
37
|
+
const navItems = [
|
|
38
|
+
{ href: '/dashboard', label: 'Dashboard', icon: 'mdi:home-outline' },
|
|
39
|
+
{ href: '/analytics', label: 'Analytics', icon: 'mdi:chart-bar' },
|
|
40
|
+
{ href: '/settings', label: 'Settings', icon: 'mdi:cog-outline' },
|
|
41
|
+
];
|
|
42
|
+
|
|
36
43
|
const Dashboard = () => (
|
|
37
44
|
<SidebarCollapseLayout>
|
|
38
45
|
<Layout.Header showSidebarButton>App Header with Menu Toggle</Layout.Header>
|
|
39
|
-
<Layout.Sidebar>
|
|
46
|
+
<Layout.Sidebar>
|
|
47
|
+
<NavList variant="sidebar" items={navItems} />
|
|
48
|
+
</Layout.Sidebar>
|
|
40
49
|
<Layout.Main>
|
|
41
50
|
<Layout.Main.Header>Page Title & Actions</Layout.Main.Header>
|
|
42
51
|
<Layout.Main.Body>Dashboard Content</Layout.Main.Body>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/layouts",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.33",
|
|
4
4
|
"description": "Layout components for React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"React"
|
|
@@ -35,16 +35,16 @@
|
|
|
35
35
|
"jest": "^30.4.2",
|
|
36
36
|
"react": "^19.2.6",
|
|
37
37
|
"tsdown": "^0.22.2",
|
|
38
|
-
"@ttoss/components": "^2.
|
|
39
|
-
"@ttoss/react-icons": "^0.7.21",
|
|
38
|
+
"@ttoss/components": "^2.15.0",
|
|
40
39
|
"@ttoss/test-utils": "^4.2.18",
|
|
41
|
-
"@ttoss/
|
|
42
|
-
"@ttoss/
|
|
40
|
+
"@ttoss/config": "^1.37.17",
|
|
41
|
+
"@ttoss/ui": "^6.9.28",
|
|
42
|
+
"@ttoss/react-icons": "^0.7.21"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"react": ">=16.8.0",
|
|
46
|
-
"@ttoss/
|
|
47
|
-
"@ttoss/
|
|
46
|
+
"@ttoss/ui": "^6.9.28",
|
|
47
|
+
"@ttoss/components": "^2.15.0"
|
|
48
48
|
},
|
|
49
49
|
"publishConfig": {
|
|
50
50
|
"access": "public",
|