@startupjs-ui/breadcrumbs 0.1.13 → 0.1.19
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/CHANGELOG.md +19 -0
- package/README.mdx +21 -6
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.1.19](https://github.com/startupjs/startupjs-ui/compare/v0.1.18...v0.1.19) (2026-03-17)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **docs:** don't load all icons to keep bundle small ([#17](https://github.com/startupjs/startupjs-ui/issues/17)) ([d7eb70b](https://github.com/startupjs/startupjs-ui/commit/d7eb70bc11f5b15923f2e43b7ef1f86ea066494e))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [0.1.16](https://github.com/startupjs/startupjs-ui/compare/v0.1.15...v0.1.16) (2026-02-10)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @startupjs-ui/breadcrumbs
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
## [0.1.13](https://github.com/startupjs/startupjs-ui/compare/v0.1.12...v0.1.13) (2026-02-03)
|
|
7
26
|
|
|
8
27
|
**Note:** Version bump only for package @startupjs-ui/breadcrumbs
|
package/README.mdx
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import Breadcrumbs, { _PropsJsonSchema as BreadcrumbsPropsJsonSchema } from './index'
|
|
2
2
|
import Br from '@startupjs-ui/br'
|
|
3
3
|
import Div from '@startupjs-ui/div'
|
|
4
|
-
import { faAnchor
|
|
4
|
+
import { faAnchor } from '@fortawesome/free-solid-svg-icons/faAnchor'
|
|
5
|
+
import { faBook } from '@fortawesome/free-solid-svg-icons/faBook'
|
|
6
|
+
import { faGift } from '@fortawesome/free-solid-svg-icons/faGift'
|
|
7
|
+
import { faHome } from '@fortawesome/free-solid-svg-icons/faHome'
|
|
8
|
+
import { faRocket } from '@fortawesome/free-solid-svg-icons/faRocket'
|
|
5
9
|
import { Sandbox } from '@startupjs-ui/docs'
|
|
6
10
|
|
|
7
11
|
# Breadcrumbs
|
|
8
|
-
|
|
12
|
+
|
|
13
|
+
Breadcrumbs show the current page's location within a navigational hierarchy and let users navigate back through parent pages.
|
|
9
14
|
|
|
10
15
|
```jsx
|
|
11
16
|
import { Breadcrumbs } from 'startupjs-ui'
|
|
@@ -13,6 +18,8 @@ import { Breadcrumbs } from 'startupjs-ui'
|
|
|
13
18
|
|
|
14
19
|
## Simple example
|
|
15
20
|
|
|
21
|
+
Pass an array of route objects to the `routes` prop. Each route has a `to` path and a `name` label. The last route in the array is displayed as the active (current) page and is not clickable.
|
|
22
|
+
|
|
16
23
|
```jsx example
|
|
17
24
|
return (
|
|
18
25
|
<Breadcrumbs
|
|
@@ -38,9 +45,9 @@ return (
|
|
|
38
45
|
)
|
|
39
46
|
```
|
|
40
47
|
|
|
41
|
-
## Custom
|
|
48
|
+
## Custom separator
|
|
42
49
|
|
|
43
|
-
|
|
50
|
+
The separator between routes is `/` by default. You can change it by passing a string or a custom React node to the `separator` prop.
|
|
44
51
|
|
|
45
52
|
```jsx example
|
|
46
53
|
return (
|
|
@@ -70,7 +77,7 @@ return (
|
|
|
70
77
|
|
|
71
78
|
## Icons
|
|
72
79
|
|
|
73
|
-
Each route object accepts
|
|
80
|
+
Each route object accepts an optional `icon` prop. To change the icon's position relative to the label, use the `iconPosition` prop on the Breadcrumbs component (`left` by default).
|
|
74
81
|
|
|
75
82
|
```jsx example
|
|
76
83
|
return (
|
|
@@ -104,7 +111,7 @@ return (
|
|
|
104
111
|
|
|
105
112
|
## Sizes
|
|
106
113
|
|
|
107
|
-
|
|
114
|
+
The `size` prop controls the dimensions of the text and icons. The default value is `m`. Available sizes are `s`, `m`, and `l`. See all available values in the Sandbox section at the bottom of the page.
|
|
108
115
|
|
|
109
116
|
```jsx example
|
|
110
117
|
return (
|
|
@@ -156,6 +163,14 @@ return (
|
|
|
156
163
|
)
|
|
157
164
|
```
|
|
158
165
|
|
|
166
|
+
## Navigation behavior
|
|
167
|
+
|
|
168
|
+
By default, clicking a breadcrumb pushes a new entry onto the browser history stack. Set the `replace` prop to `true` to replace the current history entry instead, which prevents the user from navigating back to the replaced page.
|
|
169
|
+
|
|
170
|
+
## Custom styles
|
|
171
|
+
|
|
172
|
+
Use the `style` prop to apply custom styles to the root container element.
|
|
173
|
+
|
|
159
174
|
## Sandbox
|
|
160
175
|
|
|
161
176
|
<Sandbox
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@startupjs-ui/breadcrumbs",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.19",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -8,16 +8,16 @@
|
|
|
8
8
|
"types": "index.d.ts",
|
|
9
9
|
"type": "module",
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@startupjs-ui/core": "^0.1.
|
|
12
|
-
"@startupjs-ui/div": "^0.1.
|
|
13
|
-
"@startupjs-ui/icon": "^0.1.
|
|
14
|
-
"@startupjs-ui/link": "^0.1.
|
|
15
|
-
"@startupjs-ui/span": "^0.1.
|
|
11
|
+
"@startupjs-ui/core": "^0.1.19",
|
|
12
|
+
"@startupjs-ui/div": "^0.1.19",
|
|
13
|
+
"@startupjs-ui/icon": "^0.1.19",
|
|
14
|
+
"@startupjs-ui/link": "^0.1.19",
|
|
15
|
+
"@startupjs-ui/span": "^0.1.19"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
18
18
|
"react": "*",
|
|
19
19
|
"react-native": "*",
|
|
20
20
|
"startupjs": "*"
|
|
21
21
|
},
|
|
22
|
-
"gitHead": "
|
|
22
|
+
"gitHead": "bfcca786dc363f42a09b6eef4feb7ca8139302fc"
|
|
23
23
|
}
|