@startupjs-ui/item 0.1.12 → 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.
Files changed (3) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.mdx +9 -11
  3. package/package.json +6 -6
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/item
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.1.13](https://github.com/startupjs/startupjs-ui/compare/v0.1.12...v0.1.13) (2026-02-03)
15
+
16
+ **Note:** Version bump only for package @startupjs-ui/item
17
+
18
+
19
+
20
+
21
+
6
22
  ## [0.1.12](https://github.com/startupjs/startupjs-ui/compare/v0.1.11...v0.1.12) (2026-01-21)
7
23
 
8
24
  **Note:** Version bump only for package @startupjs-ui/item
package/README.mdx CHANGED
@@ -9,7 +9,7 @@ import { Sandbox } from '@startupjs-ui/docs'
9
9
 
10
10
  # Item
11
11
 
12
- Item is a basic component that is a wrapper over the content with the ability to position it and the ability to display an icon or image.
12
+ A content row component that supports an optional icon or image on the left, text content in the middle, and custom elements on the right. It is commonly used in lists, menus, and settings screens. You can pass custom `style` to the root element and provide content as `children`.
13
13
 
14
14
  ```jsx
15
15
  import { Item } from 'startupjs-ui'
@@ -25,7 +25,7 @@ return pug`
25
25
 
26
26
  ## Icon
27
27
 
28
- The icon can be added using the `icon` property, which will be displayed on the left side of the component.
28
+ Use the `icon` prop to display an icon on the left side of the item.
29
29
 
30
30
  ```jsx example
31
31
  return pug`
@@ -35,7 +35,7 @@ return pug`
35
35
 
36
36
  ## Image
37
37
 
38
- The image can be added using the `url` property, which will be displayed on the left side of the component. The `url` property takes precedence over the `icon` property if both are passed.
38
+ Use the `url` prop to display an image on the left side of the item. If both `url` and `icon` are provided, `url` takes precedence.
39
39
 
40
40
  ```jsx example
41
41
  return pug`
@@ -45,7 +45,7 @@ return pug`
45
45
 
46
46
  ## Item as link
47
47
 
48
- By passing the url to the `to` property, the component will behave like a link.
48
+ Pass a URL to the `to` prop to make the item behave as a navigation link.
49
49
 
50
50
  ```jsx example
51
51
  return pug`
@@ -55,7 +55,7 @@ return pug`
55
55
 
56
56
  ## Actions
57
57
 
58
- Passed handler to `onPress` property will be called when the user taps the component.
58
+ Pass an `onPress` handler to make the item respond to taps.
59
59
 
60
60
  ```jsx example
61
61
  return pug`
@@ -65,13 +65,11 @@ return pug`
65
65
 
66
66
  ## Advanced usage
67
67
 
68
- Item consists of three parts - `Left`, `Content` and `Right`. These parts can be used to add custom markup, where:
68
+ Item is composed of three sub-components -- `Item.Left`, `Item.Content`, and `Item.Right` -- that let you fully customize the layout:
69
69
 
70
- - `Left` part is used instead of `icon` and `url` properties and inserts its content into the left side of the component.
71
-
72
- - `Content` part is used instead of `children` and inserts its content between `Left` and `Right` parts.
73
-
74
- - `Right` part inserts its content into the right side of the component.
70
+ - `Item.Left` replaces the default `icon` and `url` areas with custom content on the left side.
71
+ - `Item.Content` replaces the default `children` area with custom content between the left and right sections.
72
+ - `Item.Right` adds custom content on the right side of the item.
75
73
 
76
74
  ```jsx example
77
75
  return pug`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@startupjs-ui/item",
3
- "version": "0.1.12",
3
+ "version": "0.1.16",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -9,15 +9,15 @@
9
9
  "type": "module",
10
10
  "dependencies": {
11
11
  "@startupjs-ui/core": "^0.1.11",
12
- "@startupjs-ui/div": "^0.1.12",
13
- "@startupjs-ui/icon": "^0.1.11",
14
- "@startupjs-ui/link": "^0.1.12",
15
- "@startupjs-ui/span": "^0.1.12"
12
+ "@startupjs-ui/div": "^0.1.16",
13
+ "@startupjs-ui/icon": "^0.1.16",
14
+ "@startupjs-ui/link": "^0.1.16",
15
+ "@startupjs-ui/span": "^0.1.16"
16
16
  },
17
17
  "peerDependencies": {
18
18
  "react": "*",
19
19
  "react-native": "*",
20
20
  "startupjs": "*"
21
21
  },
22
- "gitHead": "c0b4606437077bb6d170e2c0b16b674801c304fe"
22
+ "gitHead": "9943aa3566d5d80f5b404473906eb3c0611f9ee5"
23
23
  }