@startupjs-ui/divider 0.1.5 → 0.1.16
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 +16 -0
- package/README.mdx +5 -5
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
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.16](https://github.com/startupjs/startupjs-ui/compare/v0.1.15...v0.1.16) (2026-02-10)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @startupjs-ui/divider
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [0.1.11](https://github.com/startupjs/startupjs-ui/compare/v0.1.10...v0.1.11) (2026-01-20)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @startupjs-ui/divider
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
6
22
|
## [0.1.5](https://github.com/startupjs/startupjs-ui/compare/v0.1.4...v0.1.5) (2025-12-29)
|
|
7
23
|
|
|
8
24
|
**Note:** Version bump only for package @startupjs-ui/divider
|
package/README.mdx
CHANGED
|
@@ -6,7 +6,7 @@ import { Sandbox } from '@startupjs-ui/docs'
|
|
|
6
6
|
|
|
7
7
|
# Divider
|
|
8
8
|
|
|
9
|
-
A divider is a thin line
|
|
9
|
+
A divider is a thin line used to separate content into distinct sections, such as a thematic break between paragraphs. The component also accepts a `style` prop for custom styles.
|
|
10
10
|
|
|
11
11
|
```jsx
|
|
12
12
|
import { Divider } from 'startupjs-ui'
|
|
@@ -30,7 +30,7 @@ return (
|
|
|
30
30
|
|
|
31
31
|
## Sizes
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
The thickness of the divider line can be changed using the `size` prop. The default size is `'m'`.
|
|
34
34
|
|
|
35
35
|
```jsx example
|
|
36
36
|
return (
|
|
@@ -46,9 +46,9 @@ return (
|
|
|
46
46
|
)
|
|
47
47
|
```
|
|
48
48
|
|
|
49
|
-
## Divider
|
|
49
|
+
## Divider spacing
|
|
50
50
|
|
|
51
|
-
The divider
|
|
51
|
+
The total space occupied by the divider can be changed by passing a number to the `lines` prop. The default value is `1`, and each line adds `16px` of spacing.
|
|
52
52
|
|
|
53
53
|
```jsx example
|
|
54
54
|
return (
|
|
@@ -66,7 +66,7 @@ return (
|
|
|
66
66
|
|
|
67
67
|
## Vertical divider
|
|
68
68
|
|
|
69
|
-
By default the divider
|
|
69
|
+
By default, the divider renders horizontally. To make it vertical, set the `variant` prop to `'vertical'`.
|
|
70
70
|
|
|
71
71
|
```jsx example
|
|
72
72
|
return (
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@startupjs-ui/divider",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.16",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
"types": "index.d.ts",
|
|
9
9
|
"type": "module",
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@startupjs-ui/core": "^0.1.
|
|
11
|
+
"@startupjs-ui/core": "^0.1.11"
|
|
12
12
|
},
|
|
13
13
|
"peerDependencies": {
|
|
14
14
|
"react": "*",
|
|
15
15
|
"react-native": "*",
|
|
16
16
|
"startupjs": "*"
|
|
17
17
|
},
|
|
18
|
-
"gitHead": "
|
|
18
|
+
"gitHead": "9943aa3566d5d80f5b404473906eb3c0611f9ee5"
|
|
19
19
|
}
|