@varialkit/breadcrumb 0.1.0 → 0.1.3
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/examples.tsx +5 -5
- package/package.json +6 -4
- package/src/Breadcrumbs.tsx +2 -2
package/examples.tsx
CHANGED
|
@@ -74,7 +74,7 @@ export const stories = {
|
|
|
74
74
|
description: "Breadcrumbs with icons next to the labels.",
|
|
75
75
|
showProps: false,
|
|
76
76
|
render: () => <Breadcrumbs items={iconItems} />,
|
|
77
|
-
code: `import { Breadcrumbs } from "@
|
|
77
|
+
code: `import { Breadcrumbs } from "@varialkit/breadcrumb";
|
|
78
78
|
|
|
79
79
|
const iconItems = [
|
|
80
80
|
{ label: "Home", href: "/", icon: "🏠" },
|
|
@@ -92,7 +92,7 @@ export function Example() {
|
|
|
92
92
|
description: "Limit the number of breadcrumbs shown, with overflow in a menu.",
|
|
93
93
|
showProps: false,
|
|
94
94
|
render: () => <Breadcrumbs items={longTrailItems} limit={4} />,
|
|
95
|
-
code: `import { Breadcrumbs } from "@
|
|
95
|
+
code: `import { Breadcrumbs } from "@varialkit/breadcrumb";
|
|
96
96
|
|
|
97
97
|
const longTrailItems = [
|
|
98
98
|
{ label: "Home", href: "/" },
|
|
@@ -112,7 +112,7 @@ export function Example() {
|
|
|
112
112
|
description: "Long labels truncate to keep the row compact. Hover to see the full label.",
|
|
113
113
|
showProps: false,
|
|
114
114
|
render: () => <Breadcrumbs items={longLabelItems} />,
|
|
115
|
-
code: `import { Breadcrumbs } from "@
|
|
115
|
+
code: `import { Breadcrumbs } from "@varialkit/breadcrumb";
|
|
116
116
|
|
|
117
117
|
const longLabelItems = [
|
|
118
118
|
{ label: "Home", href: "/" },
|
|
@@ -133,7 +133,7 @@ export function Example() {
|
|
|
133
133
|
description: "Use the loading skeleton while the trail is being resolved.",
|
|
134
134
|
showProps: false,
|
|
135
135
|
render: () => <Breadcrumbs items={baseItems} isLoading />,
|
|
136
|
-
code: `import { Breadcrumbs } from "@
|
|
136
|
+
code: `import { Breadcrumbs } from "@varialkit/breadcrumb";
|
|
137
137
|
|
|
138
138
|
const baseItems = [
|
|
139
139
|
{ label: "Home", href: "/" },
|
|
@@ -152,7 +152,7 @@ export function Example() {
|
|
|
152
152
|
"Expose cell-level actions from a chevron that sits inline with each breadcrumb label. Font size is inherited by the trigger as well.",
|
|
153
153
|
showProps: false,
|
|
154
154
|
render: () => <Breadcrumbs items={menuItems} fontSize="15px" />,
|
|
155
|
-
code: `import { Breadcrumbs } from "@
|
|
155
|
+
code: `import { Breadcrumbs } from "@varialkit/breadcrumb";
|
|
156
156
|
|
|
157
157
|
const items = [
|
|
158
158
|
{ label: "Home", href: "/" },
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@varialkit/breadcrumb",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "src/index.ts",
|
|
6
6
|
"types": "src/index.ts",
|
|
@@ -8,15 +8,17 @@
|
|
|
8
8
|
".": "./src/index.ts",
|
|
9
9
|
"./examples": "./examples.tsx"
|
|
10
10
|
},
|
|
11
|
+
"dependencies": {
|
|
12
|
+
"@varialkit/tooltip": "0.1.3",
|
|
13
|
+
"@varialkit/menu": "0.1.3"
|
|
14
|
+
},
|
|
11
15
|
"files": [
|
|
12
16
|
"src",
|
|
13
17
|
"docs.md",
|
|
14
18
|
"examples.tsx"
|
|
15
19
|
],
|
|
16
20
|
"peerDependencies": {
|
|
17
|
-
"react": "^19.0.0"
|
|
18
|
-
"@varialkit/menu": "0.1.0",
|
|
19
|
-
"@varialkit/tooltip": "0.1.0"
|
|
21
|
+
"react": "^19.0.0"
|
|
20
22
|
},
|
|
21
23
|
"devDependencies": {
|
|
22
24
|
"@types/react": "19.0.10",
|
package/src/Breadcrumbs.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { Menu, MenuDropdown, MenuRow } from "@
|
|
3
|
-
import { Tooltip } from "@
|
|
2
|
+
import { Menu, MenuDropdown, MenuRow } from "@varialkit/menu";
|
|
3
|
+
import { Tooltip } from "@varialkit/tooltip";
|
|
4
4
|
import type {
|
|
5
5
|
BreadcrumbItem,
|
|
6
6
|
BreadcrumbMenuItem,
|