@nanisoft/prism-llms 0.2.0
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/LICENSE +21 -0
- package/dist/data.json +557 -0
- package/dist/demo-graph.d.ts +24 -0
- package/dist/demo-graph.d.ts.map +1 -0
- package/dist/demo-graph.js +56 -0
- package/dist/demo-graph.js.map +1 -0
- package/dist/extractor.d.ts +37 -0
- package/dist/extractor.d.ts.map +1 -0
- package/dist/extractor.js +243 -0
- package/dist/extractor.js.map +1 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +9 -0
- package/dist/index.js.map +1 -0
- package/dist/llms-full.txt +1876 -0
- package/dist/llms.txt +98 -0
- package/dist/markdown.d.ts +42 -0
- package/dist/markdown.d.ts.map +1 -0
- package/dist/markdown.js +118 -0
- package/dist/markdown.js.map +1 -0
- package/dist/md/blocks/component-demo.md +19 -0
- package/dist/md/blocks/page-header.md +19 -0
- package/dist/md/components/affix.md +14 -0
- package/dist/md/components/alert.md +14 -0
- package/dist/md/components/anchor.md +14 -0
- package/dist/md/components/auto-complete.md +14 -0
- package/dist/md/components/avatar.md +14 -0
- package/dist/md/components/back-top.md +14 -0
- package/dist/md/components/badge.md +14 -0
- package/dist/md/components/border-beam.md +14 -0
- package/dist/md/components/breadcrumb.md +14 -0
- package/dist/md/components/button.md +14 -0
- package/dist/md/components/calendar.md +14 -0
- package/dist/md/components/card.md +14 -0
- package/dist/md/components/carousel.md +14 -0
- package/dist/md/components/cascader.md +14 -0
- package/dist/md/components/checkbox.md +14 -0
- package/dist/md/components/col.md +14 -0
- package/dist/md/components/collapse.md +14 -0
- package/dist/md/components/color-picker.md +14 -0
- package/dist/md/components/date-picker.md +14 -0
- package/dist/md/components/descriptions.md +14 -0
- package/dist/md/components/display-title.md +20 -0
- package/dist/md/components/divider.md +14 -0
- package/dist/md/components/drawer.md +14 -0
- package/dist/md/components/dropdown.md +14 -0
- package/dist/md/components/empty.md +14 -0
- package/dist/md/components/flex.md +14 -0
- package/dist/md/components/float-button.md +14 -0
- package/dist/md/components/form.md +14 -0
- package/dist/md/components/grid.md +14 -0
- package/dist/md/components/image.md +14 -0
- package/dist/md/components/input-number.md +14 -0
- package/dist/md/components/input.md +14 -0
- package/dist/md/components/layout.md +14 -0
- package/dist/md/components/list.md +14 -0
- package/dist/md/components/listy.md +14 -0
- package/dist/md/components/masonry.md +14 -0
- package/dist/md/components/mentions.md +14 -0
- package/dist/md/components/menu.md +14 -0
- package/dist/md/components/modal.md +14 -0
- package/dist/md/components/pagination.md +14 -0
- package/dist/md/components/popconfirm.md +14 -0
- package/dist/md/components/popover.md +14 -0
- package/dist/md/components/progress.md +14 -0
- package/dist/md/components/qrcode.md +14 -0
- package/dist/md/components/radio.md +14 -0
- package/dist/md/components/rate.md +14 -0
- package/dist/md/components/result.md +14 -0
- package/dist/md/components/row.md +14 -0
- package/dist/md/components/segmented.md +14 -0
- package/dist/md/components/select.md +14 -0
- package/dist/md/components/skeleton.md +14 -0
- package/dist/md/components/slider.md +14 -0
- package/dist/md/components/space.md +14 -0
- package/dist/md/components/spin.md +14 -0
- package/dist/md/components/splitter.md +14 -0
- package/dist/md/components/statistic.md +14 -0
- package/dist/md/components/steps.md +14 -0
- package/dist/md/components/switch.md +14 -0
- package/dist/md/components/table.md +14 -0
- package/dist/md/components/tabs.md +14 -0
- package/dist/md/components/tag.md +14 -0
- package/dist/md/components/time-picker.md +14 -0
- package/dist/md/components/timeline.md +14 -0
- package/dist/md/components/tooltip.md +14 -0
- package/dist/md/components/tour.md +14 -0
- package/dist/md/components/transfer.md +14 -0
- package/dist/md/components/tree-select.md +14 -0
- package/dist/md/components/tree.md +14 -0
- package/dist/md/components/typography.md +14 -0
- package/dist/md/components/upload.md +14 -0
- package/dist/md/components/watermark.md +14 -0
- package/dist/md/docs/brand.md +41 -0
- package/dist/md/pages/blog-layout.md +19 -0
- package/dist/md/pages/docs-shell.md +23 -0
- package/dist/md/theme/blue-dark.md +126 -0
- package/dist/md/theme/blue-light.md +128 -0
- package/dist/md/theme/green-dark.md +126 -0
- package/dist/md/theme/green-light.md +128 -0
- package/package.json +48 -0
|
@@ -0,0 +1,1876 @@
|
|
|
1
|
+
# Prism — full reference
|
|
2
|
+
|
|
3
|
+
> One design language, many expressions — Ant Design v6 components, blocks, and pages under the Prism theme. Apps always import from '@nanisoft/prism-ui', never from antd directly.
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# Brand policy
|
|
8
|
+
|
|
9
|
+
What the MIT license covers, what it doesn't, and how the Prism and NaniSoft names may be used.
|
|
10
|
+
|
|
11
|
+
The Prism packages are [MIT-licensed](https://github.com/NaniSoft/prism) — the
|
|
12
|
+
code is yours to use, study, modify, and redistribute, including
|
|
13
|
+
commercially. Attribution and third-party notices live in the repository's
|
|
14
|
+
`THIRD-PARTY-NOTICES.md`.
|
|
15
|
+
|
|
16
|
+
A code license grants rights in the code. It does not grant rights in the
|
|
17
|
+
brand, and this page — not the license — is where the brand rules live.
|
|
18
|
+
|
|
19
|
+
## What is ours
|
|
20
|
+
|
|
21
|
+
The names **Prism** and **NaniSoft**, the Prism wordmark, the Spectral
|
|
22
|
+
Refraction visual language, and the brand packs (including their names, blue
|
|
23
|
+
and green) identify Prism as built by NaniSoft.
|
|
24
|
+
|
|
25
|
+
## What you may do
|
|
26
|
+
|
|
27
|
+
- Say, accurately, that your product is *built with* Prism, and link here.
|
|
28
|
+
- Fork, modify, and redistribute the code under MIT — including shipping your
|
|
29
|
+
own theme packs — as long as you don't present the result as Prism, or as
|
|
30
|
+
originating from or endorsed by NaniSoft.
|
|
31
|
+
- Reference "Prism" in prose, talks, and comparisons to identify the project,
|
|
32
|
+
the way any trademark is used to name the thing it names.
|
|
33
|
+
|
|
34
|
+
## What you may not do
|
|
35
|
+
|
|
36
|
+
- Distribute a modified or repackaged version under the Prism or NaniSoft
|
|
37
|
+
names, or with the Prism wordmark.
|
|
38
|
+
- Use the names or wordmark as your product, domain, or package name, or in
|
|
39
|
+
a way that implies NaniSoft endorsement or certification.
|
|
40
|
+
|
|
41
|
+
## Status
|
|
42
|
+
|
|
43
|
+
We haven't registered these marks; they're protected by the license's
|
|
44
|
+
honesty and by common-law rights. If you're unsure whether a use is fine,
|
|
45
|
+
ask before you ship — and if you spot a use of the brand that looks off,
|
|
46
|
+
tell us. Third-party theme packs demonstrating `createPrismTheme()` are
|
|
47
|
+
welcome and encouraged; they just need their own names.
|
|
48
|
+
|
|
49
|
+
---
|
|
50
|
+
|
|
51
|
+
# Affix
|
|
52
|
+
|
|
53
|
+
antd Affix, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
54
|
+
|
|
55
|
+
```ts
|
|
56
|
+
import { Affix } from '@nanisoft/prism-ui/components';
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
`Affix` is antd's [Affix](https://ant.design/components/affix), re-exported unchanged.
|
|
60
|
+
|
|
61
|
+
- Extends: antd **Affix** — for inherited props and demos, use the antd MCP (`antd_info Affix`).
|
|
62
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
63
|
+
|
|
64
|
+
_No additional props beyond the antd base component._
|
|
65
|
+
|
|
66
|
+
---
|
|
67
|
+
|
|
68
|
+
# Alert
|
|
69
|
+
|
|
70
|
+
antd Alert, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
71
|
+
|
|
72
|
+
```ts
|
|
73
|
+
import { Alert } from '@nanisoft/prism-ui/components';
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
`Alert` is antd's [Alert](https://ant.design/components/alert), re-exported unchanged.
|
|
77
|
+
|
|
78
|
+
- Extends: antd **Alert** — for inherited props and demos, use the antd MCP (`antd_info Alert`).
|
|
79
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
80
|
+
|
|
81
|
+
_No additional props beyond the antd base component._
|
|
82
|
+
|
|
83
|
+
---
|
|
84
|
+
|
|
85
|
+
# Anchor
|
|
86
|
+
|
|
87
|
+
antd Anchor, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
88
|
+
|
|
89
|
+
```ts
|
|
90
|
+
import { Anchor } from '@nanisoft/prism-ui/components';
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
`Anchor` is antd's [Anchor](https://ant.design/components/anchor), re-exported unchanged.
|
|
94
|
+
|
|
95
|
+
- Extends: antd **Anchor** — for inherited props and demos, use the antd MCP (`antd_info Anchor`).
|
|
96
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
97
|
+
|
|
98
|
+
_No additional props beyond the antd base component._
|
|
99
|
+
|
|
100
|
+
---
|
|
101
|
+
|
|
102
|
+
# AutoComplete
|
|
103
|
+
|
|
104
|
+
antd AutoComplete, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
105
|
+
|
|
106
|
+
```ts
|
|
107
|
+
import { AutoComplete } from '@nanisoft/prism-ui/components';
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
`AutoComplete` is antd's [AutoComplete](https://ant.design/components/auto-complete), re-exported unchanged.
|
|
111
|
+
|
|
112
|
+
- Extends: antd **AutoComplete** — for inherited props and demos, use the antd MCP (`antd_info AutoComplete`).
|
|
113
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
114
|
+
|
|
115
|
+
_No additional props beyond the antd base component._
|
|
116
|
+
|
|
117
|
+
---
|
|
118
|
+
|
|
119
|
+
# Avatar
|
|
120
|
+
|
|
121
|
+
antd Avatar, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
122
|
+
|
|
123
|
+
```ts
|
|
124
|
+
import { Avatar } from '@nanisoft/prism-ui/components';
|
|
125
|
+
```
|
|
126
|
+
|
|
127
|
+
`Avatar` is antd's [Avatar](https://ant.design/components/avatar), re-exported unchanged.
|
|
128
|
+
|
|
129
|
+
- Extends: antd **Avatar** — for inherited props and demos, use the antd MCP (`antd_info Avatar`).
|
|
130
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
131
|
+
|
|
132
|
+
_No additional props beyond the antd base component._
|
|
133
|
+
|
|
134
|
+
---
|
|
135
|
+
|
|
136
|
+
# BackTop
|
|
137
|
+
|
|
138
|
+
antd BackTop, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
139
|
+
|
|
140
|
+
```ts
|
|
141
|
+
import { BackTop } from '@nanisoft/prism-ui/components';
|
|
142
|
+
```
|
|
143
|
+
|
|
144
|
+
`BackTop` is antd's [BackTop](https://ant.design/components/back-top), re-exported unchanged.
|
|
145
|
+
|
|
146
|
+
- Extends: antd **BackTop** — for inherited props and demos, use the antd MCP (`antd_info BackTop`).
|
|
147
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
148
|
+
|
|
149
|
+
_No additional props beyond the antd base component._
|
|
150
|
+
|
|
151
|
+
---
|
|
152
|
+
|
|
153
|
+
# Badge
|
|
154
|
+
|
|
155
|
+
antd Badge, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
156
|
+
|
|
157
|
+
```ts
|
|
158
|
+
import { Badge } from '@nanisoft/prism-ui/components';
|
|
159
|
+
```
|
|
160
|
+
|
|
161
|
+
`Badge` is antd's [Badge](https://ant.design/components/badge), re-exported unchanged.
|
|
162
|
+
|
|
163
|
+
- Extends: antd **Badge** — for inherited props and demos, use the antd MCP (`antd_info Badge`).
|
|
164
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
165
|
+
|
|
166
|
+
_No additional props beyond the antd base component._
|
|
167
|
+
|
|
168
|
+
---
|
|
169
|
+
|
|
170
|
+
# BorderBeam
|
|
171
|
+
|
|
172
|
+
antd BorderBeam, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
173
|
+
|
|
174
|
+
```ts
|
|
175
|
+
import { BorderBeam } from '@nanisoft/prism-ui/components';
|
|
176
|
+
```
|
|
177
|
+
|
|
178
|
+
`BorderBeam` is antd's [BorderBeam](https://ant.design/components/border-beam), re-exported unchanged.
|
|
179
|
+
|
|
180
|
+
- Extends: antd **BorderBeam** — for inherited props and demos, use the antd MCP (`antd_info BorderBeam`).
|
|
181
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
182
|
+
|
|
183
|
+
_No additional props beyond the antd base component._
|
|
184
|
+
|
|
185
|
+
---
|
|
186
|
+
|
|
187
|
+
# Breadcrumb
|
|
188
|
+
|
|
189
|
+
antd Breadcrumb, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
190
|
+
|
|
191
|
+
```ts
|
|
192
|
+
import { Breadcrumb } from '@nanisoft/prism-ui/components';
|
|
193
|
+
```
|
|
194
|
+
|
|
195
|
+
`Breadcrumb` is antd's [Breadcrumb](https://ant.design/components/breadcrumb), re-exported unchanged.
|
|
196
|
+
|
|
197
|
+
- Extends: antd **Breadcrumb** — for inherited props and demos, use the antd MCP (`antd_info Breadcrumb`).
|
|
198
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
199
|
+
|
|
200
|
+
_No additional props beyond the antd base component._
|
|
201
|
+
|
|
202
|
+
---
|
|
203
|
+
|
|
204
|
+
# Button
|
|
205
|
+
|
|
206
|
+
antd Button, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
207
|
+
|
|
208
|
+
```ts
|
|
209
|
+
import { Button } from '@nanisoft/prism-ui/components';
|
|
210
|
+
```
|
|
211
|
+
|
|
212
|
+
`Button` is antd's [Button](https://ant.design/components/button), re-exported unchanged.
|
|
213
|
+
|
|
214
|
+
- Extends: antd **Button** — for inherited props and demos, use the antd MCP (`antd_info Button`).
|
|
215
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
216
|
+
|
|
217
|
+
_No additional props beyond the antd base component._
|
|
218
|
+
|
|
219
|
+
---
|
|
220
|
+
|
|
221
|
+
# Calendar
|
|
222
|
+
|
|
223
|
+
antd Calendar, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
224
|
+
|
|
225
|
+
```ts
|
|
226
|
+
import { Calendar } from '@nanisoft/prism-ui/components';
|
|
227
|
+
```
|
|
228
|
+
|
|
229
|
+
`Calendar` is antd's [Calendar](https://ant.design/components/calendar), re-exported unchanged.
|
|
230
|
+
|
|
231
|
+
- Extends: antd **Calendar** — for inherited props and demos, use the antd MCP (`antd_info Calendar`).
|
|
232
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
233
|
+
|
|
234
|
+
_No additional props beyond the antd base component._
|
|
235
|
+
|
|
236
|
+
---
|
|
237
|
+
|
|
238
|
+
# Card
|
|
239
|
+
|
|
240
|
+
antd Card, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
241
|
+
|
|
242
|
+
```ts
|
|
243
|
+
import { Card } from '@nanisoft/prism-ui/components';
|
|
244
|
+
```
|
|
245
|
+
|
|
246
|
+
`Card` is antd's [Card](https://ant.design/components/card), re-exported unchanged.
|
|
247
|
+
|
|
248
|
+
- Extends: antd **Card** — for inherited props and demos, use the antd MCP (`antd_info Card`).
|
|
249
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
250
|
+
|
|
251
|
+
_No additional props beyond the antd base component._
|
|
252
|
+
|
|
253
|
+
---
|
|
254
|
+
|
|
255
|
+
# Carousel
|
|
256
|
+
|
|
257
|
+
antd Carousel, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
258
|
+
|
|
259
|
+
```ts
|
|
260
|
+
import { Carousel } from '@nanisoft/prism-ui/components';
|
|
261
|
+
```
|
|
262
|
+
|
|
263
|
+
`Carousel` is antd's [Carousel](https://ant.design/components/carousel), re-exported unchanged.
|
|
264
|
+
|
|
265
|
+
- Extends: antd **Carousel** — for inherited props and demos, use the antd MCP (`antd_info Carousel`).
|
|
266
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
267
|
+
|
|
268
|
+
_No additional props beyond the antd base component._
|
|
269
|
+
|
|
270
|
+
---
|
|
271
|
+
|
|
272
|
+
# Cascader
|
|
273
|
+
|
|
274
|
+
antd Cascader, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
275
|
+
|
|
276
|
+
```ts
|
|
277
|
+
import { Cascader } from '@nanisoft/prism-ui/components';
|
|
278
|
+
```
|
|
279
|
+
|
|
280
|
+
`Cascader` is antd's [Cascader](https://ant.design/components/cascader), re-exported unchanged.
|
|
281
|
+
|
|
282
|
+
- Extends: antd **Cascader** — for inherited props and demos, use the antd MCP (`antd_info Cascader`).
|
|
283
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
284
|
+
|
|
285
|
+
_No additional props beyond the antd base component._
|
|
286
|
+
|
|
287
|
+
---
|
|
288
|
+
|
|
289
|
+
# Checkbox
|
|
290
|
+
|
|
291
|
+
antd Checkbox, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
292
|
+
|
|
293
|
+
```ts
|
|
294
|
+
import { Checkbox } from '@nanisoft/prism-ui/components';
|
|
295
|
+
```
|
|
296
|
+
|
|
297
|
+
`Checkbox` is antd's [Checkbox](https://ant.design/components/checkbox), re-exported unchanged.
|
|
298
|
+
|
|
299
|
+
- Extends: antd **Checkbox** — for inherited props and demos, use the antd MCP (`antd_info Checkbox`).
|
|
300
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
301
|
+
|
|
302
|
+
_No additional props beyond the antd base component._
|
|
303
|
+
|
|
304
|
+
---
|
|
305
|
+
|
|
306
|
+
# Col
|
|
307
|
+
|
|
308
|
+
antd Col, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
309
|
+
|
|
310
|
+
```ts
|
|
311
|
+
import { Col } from '@nanisoft/prism-ui/components';
|
|
312
|
+
```
|
|
313
|
+
|
|
314
|
+
`Col` is antd's [Col](https://ant.design/components/col), re-exported unchanged.
|
|
315
|
+
|
|
316
|
+
- Extends: antd **Col** — for inherited props and demos, use the antd MCP (`antd_info Col`).
|
|
317
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
318
|
+
|
|
319
|
+
_No additional props beyond the antd base component._
|
|
320
|
+
|
|
321
|
+
---
|
|
322
|
+
|
|
323
|
+
# Collapse
|
|
324
|
+
|
|
325
|
+
antd Collapse, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
326
|
+
|
|
327
|
+
```ts
|
|
328
|
+
import { Collapse } from '@nanisoft/prism-ui/components';
|
|
329
|
+
```
|
|
330
|
+
|
|
331
|
+
`Collapse` is antd's [Collapse](https://ant.design/components/collapse), re-exported unchanged.
|
|
332
|
+
|
|
333
|
+
- Extends: antd **Collapse** — for inherited props and demos, use the antd MCP (`antd_info Collapse`).
|
|
334
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
335
|
+
|
|
336
|
+
_No additional props beyond the antd base component._
|
|
337
|
+
|
|
338
|
+
---
|
|
339
|
+
|
|
340
|
+
# ColorPicker
|
|
341
|
+
|
|
342
|
+
antd ColorPicker, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
343
|
+
|
|
344
|
+
```ts
|
|
345
|
+
import { ColorPicker } from '@nanisoft/prism-ui/components';
|
|
346
|
+
```
|
|
347
|
+
|
|
348
|
+
`ColorPicker` is antd's [ColorPicker](https://ant.design/components/color-picker), re-exported unchanged.
|
|
349
|
+
|
|
350
|
+
- Extends: antd **ColorPicker** — for inherited props and demos, use the antd MCP (`antd_info ColorPicker`).
|
|
351
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
352
|
+
|
|
353
|
+
_No additional props beyond the antd base component._
|
|
354
|
+
|
|
355
|
+
---
|
|
356
|
+
|
|
357
|
+
# DatePicker
|
|
358
|
+
|
|
359
|
+
antd DatePicker, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
360
|
+
|
|
361
|
+
```ts
|
|
362
|
+
import { DatePicker } from '@nanisoft/prism-ui/components';
|
|
363
|
+
```
|
|
364
|
+
|
|
365
|
+
`DatePicker` is antd's [DatePicker](https://ant.design/components/date-picker), re-exported unchanged.
|
|
366
|
+
|
|
367
|
+
- Extends: antd **DatePicker** — for inherited props and demos, use the antd MCP (`antd_info DatePicker`).
|
|
368
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
369
|
+
|
|
370
|
+
_No additional props beyond the antd base component._
|
|
371
|
+
|
|
372
|
+
---
|
|
373
|
+
|
|
374
|
+
# Descriptions
|
|
375
|
+
|
|
376
|
+
antd Descriptions, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
377
|
+
|
|
378
|
+
```ts
|
|
379
|
+
import { Descriptions } from '@nanisoft/prism-ui/components';
|
|
380
|
+
```
|
|
381
|
+
|
|
382
|
+
`Descriptions` is antd's [Descriptions](https://ant.design/components/descriptions), re-exported unchanged.
|
|
383
|
+
|
|
384
|
+
- Extends: antd **Descriptions** — for inherited props and demos, use the antd MCP (`antd_info Descriptions`).
|
|
385
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
386
|
+
|
|
387
|
+
_No additional props beyond the antd base component._
|
|
388
|
+
|
|
389
|
+
---
|
|
390
|
+
|
|
391
|
+
# DisplayTitle
|
|
392
|
+
|
|
393
|
+
Prism wrapper around antd Typography.Title (brand-behavior).
|
|
394
|
+
|
|
395
|
+
```ts
|
|
396
|
+
import { DisplayTitle } from '@nanisoft/prism-ui/components';
|
|
397
|
+
```
|
|
398
|
+
|
|
399
|
+
`DisplayTitle` is a Prism wrapper around antd **Typography.Title**.
|
|
400
|
+
|
|
401
|
+
- Extends: antd **Typography.Title** — for inherited props, use the antd MCP (`antd_info Typography.Title`).
|
|
402
|
+
- Prism-added props are listed by the prism MCP (`get_item_props { "name": "DisplayTitle" }`).
|
|
403
|
+
|
|
404
|
+
_Full documentation pending — this stub is honest, not broken._
|
|
405
|
+
|
|
406
|
+
## Props
|
|
407
|
+
|
|
408
|
+
| Prop | Type | Default | Description |
|
|
409
|
+
| --- | --- | --- | --- |
|
|
410
|
+
| `width` (optional) | 'normal' \| 'refracted' | — | 'refracted' applies the display width axis (wdth 125). Default. |
|
|
411
|
+
|
|
412
|
+
---
|
|
413
|
+
|
|
414
|
+
# Divider
|
|
415
|
+
|
|
416
|
+
antd Divider, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
417
|
+
|
|
418
|
+
```ts
|
|
419
|
+
import { Divider } from '@nanisoft/prism-ui/components';
|
|
420
|
+
```
|
|
421
|
+
|
|
422
|
+
`Divider` is antd's [Divider](https://ant.design/components/divider), re-exported unchanged.
|
|
423
|
+
|
|
424
|
+
- Extends: antd **Divider** — for inherited props and demos, use the antd MCP (`antd_info Divider`).
|
|
425
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
426
|
+
|
|
427
|
+
_No additional props beyond the antd base component._
|
|
428
|
+
|
|
429
|
+
---
|
|
430
|
+
|
|
431
|
+
# Drawer
|
|
432
|
+
|
|
433
|
+
antd Drawer, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
434
|
+
|
|
435
|
+
```ts
|
|
436
|
+
import { Drawer } from '@nanisoft/prism-ui/components';
|
|
437
|
+
```
|
|
438
|
+
|
|
439
|
+
`Drawer` is antd's [Drawer](https://ant.design/components/drawer), re-exported unchanged.
|
|
440
|
+
|
|
441
|
+
- Extends: antd **Drawer** — for inherited props and demos, use the antd MCP (`antd_info Drawer`).
|
|
442
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
443
|
+
|
|
444
|
+
_No additional props beyond the antd base component._
|
|
445
|
+
|
|
446
|
+
---
|
|
447
|
+
|
|
448
|
+
# Dropdown
|
|
449
|
+
|
|
450
|
+
antd Dropdown, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
451
|
+
|
|
452
|
+
```ts
|
|
453
|
+
import { Dropdown } from '@nanisoft/prism-ui/components';
|
|
454
|
+
```
|
|
455
|
+
|
|
456
|
+
`Dropdown` is antd's [Dropdown](https://ant.design/components/dropdown), re-exported unchanged.
|
|
457
|
+
|
|
458
|
+
- Extends: antd **Dropdown** — for inherited props and demos, use the antd MCP (`antd_info Dropdown`).
|
|
459
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
460
|
+
|
|
461
|
+
_No additional props beyond the antd base component._
|
|
462
|
+
|
|
463
|
+
---
|
|
464
|
+
|
|
465
|
+
# Empty
|
|
466
|
+
|
|
467
|
+
antd Empty, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
468
|
+
|
|
469
|
+
```ts
|
|
470
|
+
import { Empty } from '@nanisoft/prism-ui/components';
|
|
471
|
+
```
|
|
472
|
+
|
|
473
|
+
`Empty` is antd's [Empty](https://ant.design/components/empty), re-exported unchanged.
|
|
474
|
+
|
|
475
|
+
- Extends: antd **Empty** — for inherited props and demos, use the antd MCP (`antd_info Empty`).
|
|
476
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
477
|
+
|
|
478
|
+
_No additional props beyond the antd base component._
|
|
479
|
+
|
|
480
|
+
---
|
|
481
|
+
|
|
482
|
+
# Flex
|
|
483
|
+
|
|
484
|
+
antd Flex, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
485
|
+
|
|
486
|
+
```ts
|
|
487
|
+
import { Flex } from '@nanisoft/prism-ui/components';
|
|
488
|
+
```
|
|
489
|
+
|
|
490
|
+
`Flex` is antd's [Flex](https://ant.design/components/flex), re-exported unchanged.
|
|
491
|
+
|
|
492
|
+
- Extends: antd **Flex** — for inherited props and demos, use the antd MCP (`antd_info Flex`).
|
|
493
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
494
|
+
|
|
495
|
+
_No additional props beyond the antd base component._
|
|
496
|
+
|
|
497
|
+
---
|
|
498
|
+
|
|
499
|
+
# FloatButton
|
|
500
|
+
|
|
501
|
+
antd FloatButton, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
502
|
+
|
|
503
|
+
```ts
|
|
504
|
+
import { FloatButton } from '@nanisoft/prism-ui/components';
|
|
505
|
+
```
|
|
506
|
+
|
|
507
|
+
`FloatButton` is antd's [FloatButton](https://ant.design/components/float-button), re-exported unchanged.
|
|
508
|
+
|
|
509
|
+
- Extends: antd **FloatButton** — for inherited props and demos, use the antd MCP (`antd_info FloatButton`).
|
|
510
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
511
|
+
|
|
512
|
+
_No additional props beyond the antd base component._
|
|
513
|
+
|
|
514
|
+
---
|
|
515
|
+
|
|
516
|
+
# Form
|
|
517
|
+
|
|
518
|
+
antd Form, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
519
|
+
|
|
520
|
+
```ts
|
|
521
|
+
import { Form } from '@nanisoft/prism-ui/components';
|
|
522
|
+
```
|
|
523
|
+
|
|
524
|
+
`Form` is antd's [Form](https://ant.design/components/form), re-exported unchanged.
|
|
525
|
+
|
|
526
|
+
- Extends: antd **Form** — for inherited props and demos, use the antd MCP (`antd_info Form`).
|
|
527
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
528
|
+
|
|
529
|
+
_No additional props beyond the antd base component._
|
|
530
|
+
|
|
531
|
+
---
|
|
532
|
+
|
|
533
|
+
# Grid
|
|
534
|
+
|
|
535
|
+
antd Grid, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
536
|
+
|
|
537
|
+
```ts
|
|
538
|
+
import { Grid } from '@nanisoft/prism-ui/components';
|
|
539
|
+
```
|
|
540
|
+
|
|
541
|
+
`Grid` is antd's [Grid](https://ant.design/components/grid), re-exported unchanged.
|
|
542
|
+
|
|
543
|
+
- Extends: antd **Grid** — for inherited props and demos, use the antd MCP (`antd_info Grid`).
|
|
544
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
545
|
+
|
|
546
|
+
_No additional props beyond the antd base component._
|
|
547
|
+
|
|
548
|
+
---
|
|
549
|
+
|
|
550
|
+
# Image
|
|
551
|
+
|
|
552
|
+
antd Image, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
553
|
+
|
|
554
|
+
```ts
|
|
555
|
+
import { Image } from '@nanisoft/prism-ui/components';
|
|
556
|
+
```
|
|
557
|
+
|
|
558
|
+
`Image` is antd's [Image](https://ant.design/components/image), re-exported unchanged.
|
|
559
|
+
|
|
560
|
+
- Extends: antd **Image** — for inherited props and demos, use the antd MCP (`antd_info Image`).
|
|
561
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
562
|
+
|
|
563
|
+
_No additional props beyond the antd base component._
|
|
564
|
+
|
|
565
|
+
---
|
|
566
|
+
|
|
567
|
+
# Input
|
|
568
|
+
|
|
569
|
+
antd Input, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
570
|
+
|
|
571
|
+
```ts
|
|
572
|
+
import { Input } from '@nanisoft/prism-ui/components';
|
|
573
|
+
```
|
|
574
|
+
|
|
575
|
+
`Input` is antd's [Input](https://ant.design/components/input), re-exported unchanged.
|
|
576
|
+
|
|
577
|
+
- Extends: antd **Input** — for inherited props and demos, use the antd MCP (`antd_info Input`).
|
|
578
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
579
|
+
|
|
580
|
+
_No additional props beyond the antd base component._
|
|
581
|
+
|
|
582
|
+
---
|
|
583
|
+
|
|
584
|
+
# InputNumber
|
|
585
|
+
|
|
586
|
+
antd InputNumber, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
587
|
+
|
|
588
|
+
```ts
|
|
589
|
+
import { InputNumber } from '@nanisoft/prism-ui/components';
|
|
590
|
+
```
|
|
591
|
+
|
|
592
|
+
`InputNumber` is antd's [InputNumber](https://ant.design/components/input-number), re-exported unchanged.
|
|
593
|
+
|
|
594
|
+
- Extends: antd **InputNumber** — for inherited props and demos, use the antd MCP (`antd_info InputNumber`).
|
|
595
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
596
|
+
|
|
597
|
+
_No additional props beyond the antd base component._
|
|
598
|
+
|
|
599
|
+
---
|
|
600
|
+
|
|
601
|
+
# Layout
|
|
602
|
+
|
|
603
|
+
antd Layout, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
604
|
+
|
|
605
|
+
```ts
|
|
606
|
+
import { Layout } from '@nanisoft/prism-ui/components';
|
|
607
|
+
```
|
|
608
|
+
|
|
609
|
+
`Layout` is antd's [Layout](https://ant.design/components/layout), re-exported unchanged.
|
|
610
|
+
|
|
611
|
+
- Extends: antd **Layout** — for inherited props and demos, use the antd MCP (`antd_info Layout`).
|
|
612
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
613
|
+
|
|
614
|
+
_No additional props beyond the antd base component._
|
|
615
|
+
|
|
616
|
+
---
|
|
617
|
+
|
|
618
|
+
# List
|
|
619
|
+
|
|
620
|
+
antd List, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
621
|
+
|
|
622
|
+
```ts
|
|
623
|
+
import { List } from '@nanisoft/prism-ui/components';
|
|
624
|
+
```
|
|
625
|
+
|
|
626
|
+
`List` is antd's [List](https://ant.design/components/list), re-exported unchanged.
|
|
627
|
+
|
|
628
|
+
- Extends: antd **List** — for inherited props and demos, use the antd MCP (`antd_info List`).
|
|
629
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
630
|
+
|
|
631
|
+
_No additional props beyond the antd base component._
|
|
632
|
+
|
|
633
|
+
---
|
|
634
|
+
|
|
635
|
+
# Listy
|
|
636
|
+
|
|
637
|
+
antd Listy, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
638
|
+
|
|
639
|
+
```ts
|
|
640
|
+
import { Listy } from '@nanisoft/prism-ui/components';
|
|
641
|
+
```
|
|
642
|
+
|
|
643
|
+
`Listy` is antd's [Listy](https://ant.design/components/listy), re-exported unchanged.
|
|
644
|
+
|
|
645
|
+
- Extends: antd **Listy** — for inherited props and demos, use the antd MCP (`antd_info Listy`).
|
|
646
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
647
|
+
|
|
648
|
+
_No additional props beyond the antd base component._
|
|
649
|
+
|
|
650
|
+
---
|
|
651
|
+
|
|
652
|
+
# Masonry
|
|
653
|
+
|
|
654
|
+
antd Masonry, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
655
|
+
|
|
656
|
+
```ts
|
|
657
|
+
import { Masonry } from '@nanisoft/prism-ui/components';
|
|
658
|
+
```
|
|
659
|
+
|
|
660
|
+
`Masonry` is antd's [Masonry](https://ant.design/components/masonry), re-exported unchanged.
|
|
661
|
+
|
|
662
|
+
- Extends: antd **Masonry** — for inherited props and demos, use the antd MCP (`antd_info Masonry`).
|
|
663
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
664
|
+
|
|
665
|
+
_No additional props beyond the antd base component._
|
|
666
|
+
|
|
667
|
+
---
|
|
668
|
+
|
|
669
|
+
# Mentions
|
|
670
|
+
|
|
671
|
+
antd Mentions, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
672
|
+
|
|
673
|
+
```ts
|
|
674
|
+
import { Mentions } from '@nanisoft/prism-ui/components';
|
|
675
|
+
```
|
|
676
|
+
|
|
677
|
+
`Mentions` is antd's [Mentions](https://ant.design/components/mentions), re-exported unchanged.
|
|
678
|
+
|
|
679
|
+
- Extends: antd **Mentions** — for inherited props and demos, use the antd MCP (`antd_info Mentions`).
|
|
680
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
681
|
+
|
|
682
|
+
_No additional props beyond the antd base component._
|
|
683
|
+
|
|
684
|
+
---
|
|
685
|
+
|
|
686
|
+
# Menu
|
|
687
|
+
|
|
688
|
+
antd Menu, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
689
|
+
|
|
690
|
+
```ts
|
|
691
|
+
import { Menu } from '@nanisoft/prism-ui/components';
|
|
692
|
+
```
|
|
693
|
+
|
|
694
|
+
`Menu` is antd's [Menu](https://ant.design/components/menu), re-exported unchanged.
|
|
695
|
+
|
|
696
|
+
- Extends: antd **Menu** — for inherited props and demos, use the antd MCP (`antd_info Menu`).
|
|
697
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
698
|
+
|
|
699
|
+
_No additional props beyond the antd base component._
|
|
700
|
+
|
|
701
|
+
---
|
|
702
|
+
|
|
703
|
+
# Modal
|
|
704
|
+
|
|
705
|
+
antd Modal, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
706
|
+
|
|
707
|
+
```ts
|
|
708
|
+
import { Modal } from '@nanisoft/prism-ui/components';
|
|
709
|
+
```
|
|
710
|
+
|
|
711
|
+
`Modal` is antd's [Modal](https://ant.design/components/modal), re-exported unchanged.
|
|
712
|
+
|
|
713
|
+
- Extends: antd **Modal** — for inherited props and demos, use the antd MCP (`antd_info Modal`).
|
|
714
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
715
|
+
|
|
716
|
+
_No additional props beyond the antd base component._
|
|
717
|
+
|
|
718
|
+
---
|
|
719
|
+
|
|
720
|
+
# Pagination
|
|
721
|
+
|
|
722
|
+
antd Pagination, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
723
|
+
|
|
724
|
+
```ts
|
|
725
|
+
import { Pagination } from '@nanisoft/prism-ui/components';
|
|
726
|
+
```
|
|
727
|
+
|
|
728
|
+
`Pagination` is antd's [Pagination](https://ant.design/components/pagination), re-exported unchanged.
|
|
729
|
+
|
|
730
|
+
- Extends: antd **Pagination** — for inherited props and demos, use the antd MCP (`antd_info Pagination`).
|
|
731
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
732
|
+
|
|
733
|
+
_No additional props beyond the antd base component._
|
|
734
|
+
|
|
735
|
+
---
|
|
736
|
+
|
|
737
|
+
# Popconfirm
|
|
738
|
+
|
|
739
|
+
antd Popconfirm, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
740
|
+
|
|
741
|
+
```ts
|
|
742
|
+
import { Popconfirm } from '@nanisoft/prism-ui/components';
|
|
743
|
+
```
|
|
744
|
+
|
|
745
|
+
`Popconfirm` is antd's [Popconfirm](https://ant.design/components/popconfirm), re-exported unchanged.
|
|
746
|
+
|
|
747
|
+
- Extends: antd **Popconfirm** — for inherited props and demos, use the antd MCP (`antd_info Popconfirm`).
|
|
748
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
749
|
+
|
|
750
|
+
_No additional props beyond the antd base component._
|
|
751
|
+
|
|
752
|
+
---
|
|
753
|
+
|
|
754
|
+
# Popover
|
|
755
|
+
|
|
756
|
+
antd Popover, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
757
|
+
|
|
758
|
+
```ts
|
|
759
|
+
import { Popover } from '@nanisoft/prism-ui/components';
|
|
760
|
+
```
|
|
761
|
+
|
|
762
|
+
`Popover` is antd's [Popover](https://ant.design/components/popover), re-exported unchanged.
|
|
763
|
+
|
|
764
|
+
- Extends: antd **Popover** — for inherited props and demos, use the antd MCP (`antd_info Popover`).
|
|
765
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
766
|
+
|
|
767
|
+
_No additional props beyond the antd base component._
|
|
768
|
+
|
|
769
|
+
---
|
|
770
|
+
|
|
771
|
+
# Progress
|
|
772
|
+
|
|
773
|
+
antd Progress, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
774
|
+
|
|
775
|
+
```ts
|
|
776
|
+
import { Progress } from '@nanisoft/prism-ui/components';
|
|
777
|
+
```
|
|
778
|
+
|
|
779
|
+
`Progress` is antd's [Progress](https://ant.design/components/progress), re-exported unchanged.
|
|
780
|
+
|
|
781
|
+
- Extends: antd **Progress** — for inherited props and demos, use the antd MCP (`antd_info Progress`).
|
|
782
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
783
|
+
|
|
784
|
+
_No additional props beyond the antd base component._
|
|
785
|
+
|
|
786
|
+
---
|
|
787
|
+
|
|
788
|
+
# QRCode
|
|
789
|
+
|
|
790
|
+
antd QRCode, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
791
|
+
|
|
792
|
+
```ts
|
|
793
|
+
import { QRCode } from '@nanisoft/prism-ui/components';
|
|
794
|
+
```
|
|
795
|
+
|
|
796
|
+
`QRCode` is antd's [QRCode](https://ant.design/components/qrcode), re-exported unchanged.
|
|
797
|
+
|
|
798
|
+
- Extends: antd **QRCode** — for inherited props and demos, use the antd MCP (`antd_info QRCode`).
|
|
799
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
800
|
+
|
|
801
|
+
_No additional props beyond the antd base component._
|
|
802
|
+
|
|
803
|
+
---
|
|
804
|
+
|
|
805
|
+
# Radio
|
|
806
|
+
|
|
807
|
+
antd Radio, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
808
|
+
|
|
809
|
+
```ts
|
|
810
|
+
import { Radio } from '@nanisoft/prism-ui/components';
|
|
811
|
+
```
|
|
812
|
+
|
|
813
|
+
`Radio` is antd's [Radio](https://ant.design/components/radio), re-exported unchanged.
|
|
814
|
+
|
|
815
|
+
- Extends: antd **Radio** — for inherited props and demos, use the antd MCP (`antd_info Radio`).
|
|
816
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
817
|
+
|
|
818
|
+
_No additional props beyond the antd base component._
|
|
819
|
+
|
|
820
|
+
---
|
|
821
|
+
|
|
822
|
+
# Rate
|
|
823
|
+
|
|
824
|
+
antd Rate, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
825
|
+
|
|
826
|
+
```ts
|
|
827
|
+
import { Rate } from '@nanisoft/prism-ui/components';
|
|
828
|
+
```
|
|
829
|
+
|
|
830
|
+
`Rate` is antd's [Rate](https://ant.design/components/rate), re-exported unchanged.
|
|
831
|
+
|
|
832
|
+
- Extends: antd **Rate** — for inherited props and demos, use the antd MCP (`antd_info Rate`).
|
|
833
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
834
|
+
|
|
835
|
+
_No additional props beyond the antd base component._
|
|
836
|
+
|
|
837
|
+
---
|
|
838
|
+
|
|
839
|
+
# Result
|
|
840
|
+
|
|
841
|
+
antd Result, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
842
|
+
|
|
843
|
+
```ts
|
|
844
|
+
import { Result } from '@nanisoft/prism-ui/components';
|
|
845
|
+
```
|
|
846
|
+
|
|
847
|
+
`Result` is antd's [Result](https://ant.design/components/result), re-exported unchanged.
|
|
848
|
+
|
|
849
|
+
- Extends: antd **Result** — for inherited props and demos, use the antd MCP (`antd_info Result`).
|
|
850
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
851
|
+
|
|
852
|
+
_No additional props beyond the antd base component._
|
|
853
|
+
|
|
854
|
+
---
|
|
855
|
+
|
|
856
|
+
# Row
|
|
857
|
+
|
|
858
|
+
antd Row, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
859
|
+
|
|
860
|
+
```ts
|
|
861
|
+
import { Row } from '@nanisoft/prism-ui/components';
|
|
862
|
+
```
|
|
863
|
+
|
|
864
|
+
`Row` is antd's [Row](https://ant.design/components/row), re-exported unchanged.
|
|
865
|
+
|
|
866
|
+
- Extends: antd **Row** — for inherited props and demos, use the antd MCP (`antd_info Row`).
|
|
867
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
868
|
+
|
|
869
|
+
_No additional props beyond the antd base component._
|
|
870
|
+
|
|
871
|
+
---
|
|
872
|
+
|
|
873
|
+
# Segmented
|
|
874
|
+
|
|
875
|
+
antd Segmented, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
876
|
+
|
|
877
|
+
```ts
|
|
878
|
+
import { Segmented } from '@nanisoft/prism-ui/components';
|
|
879
|
+
```
|
|
880
|
+
|
|
881
|
+
`Segmented` is antd's [Segmented](https://ant.design/components/segmented), re-exported unchanged.
|
|
882
|
+
|
|
883
|
+
- Extends: antd **Segmented** — for inherited props and demos, use the antd MCP (`antd_info Segmented`).
|
|
884
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
885
|
+
|
|
886
|
+
_No additional props beyond the antd base component._
|
|
887
|
+
|
|
888
|
+
---
|
|
889
|
+
|
|
890
|
+
# Select
|
|
891
|
+
|
|
892
|
+
antd Select, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
893
|
+
|
|
894
|
+
```ts
|
|
895
|
+
import { Select } from '@nanisoft/prism-ui/components';
|
|
896
|
+
```
|
|
897
|
+
|
|
898
|
+
`Select` is antd's [Select](https://ant.design/components/select), re-exported unchanged.
|
|
899
|
+
|
|
900
|
+
- Extends: antd **Select** — for inherited props and demos, use the antd MCP (`antd_info Select`).
|
|
901
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
902
|
+
|
|
903
|
+
_No additional props beyond the antd base component._
|
|
904
|
+
|
|
905
|
+
---
|
|
906
|
+
|
|
907
|
+
# Skeleton
|
|
908
|
+
|
|
909
|
+
antd Skeleton, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
910
|
+
|
|
911
|
+
```ts
|
|
912
|
+
import { Skeleton } from '@nanisoft/prism-ui/components';
|
|
913
|
+
```
|
|
914
|
+
|
|
915
|
+
`Skeleton` is antd's [Skeleton](https://ant.design/components/skeleton), re-exported unchanged.
|
|
916
|
+
|
|
917
|
+
- Extends: antd **Skeleton** — for inherited props and demos, use the antd MCP (`antd_info Skeleton`).
|
|
918
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
919
|
+
|
|
920
|
+
_No additional props beyond the antd base component._
|
|
921
|
+
|
|
922
|
+
---
|
|
923
|
+
|
|
924
|
+
# Slider
|
|
925
|
+
|
|
926
|
+
antd Slider, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
927
|
+
|
|
928
|
+
```ts
|
|
929
|
+
import { Slider } from '@nanisoft/prism-ui/components';
|
|
930
|
+
```
|
|
931
|
+
|
|
932
|
+
`Slider` is antd's [Slider](https://ant.design/components/slider), re-exported unchanged.
|
|
933
|
+
|
|
934
|
+
- Extends: antd **Slider** — for inherited props and demos, use the antd MCP (`antd_info Slider`).
|
|
935
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
936
|
+
|
|
937
|
+
_No additional props beyond the antd base component._
|
|
938
|
+
|
|
939
|
+
---
|
|
940
|
+
|
|
941
|
+
# Space
|
|
942
|
+
|
|
943
|
+
antd Space, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
944
|
+
|
|
945
|
+
```ts
|
|
946
|
+
import { Space } from '@nanisoft/prism-ui/components';
|
|
947
|
+
```
|
|
948
|
+
|
|
949
|
+
`Space` is antd's [Space](https://ant.design/components/space), re-exported unchanged.
|
|
950
|
+
|
|
951
|
+
- Extends: antd **Space** — for inherited props and demos, use the antd MCP (`antd_info Space`).
|
|
952
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
953
|
+
|
|
954
|
+
_No additional props beyond the antd base component._
|
|
955
|
+
|
|
956
|
+
---
|
|
957
|
+
|
|
958
|
+
# Spin
|
|
959
|
+
|
|
960
|
+
antd Spin, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
961
|
+
|
|
962
|
+
```ts
|
|
963
|
+
import { Spin } from '@nanisoft/prism-ui/components';
|
|
964
|
+
```
|
|
965
|
+
|
|
966
|
+
`Spin` is antd's [Spin](https://ant.design/components/spin), re-exported unchanged.
|
|
967
|
+
|
|
968
|
+
- Extends: antd **Spin** — for inherited props and demos, use the antd MCP (`antd_info Spin`).
|
|
969
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
970
|
+
|
|
971
|
+
_No additional props beyond the antd base component._
|
|
972
|
+
|
|
973
|
+
---
|
|
974
|
+
|
|
975
|
+
# Splitter
|
|
976
|
+
|
|
977
|
+
antd Splitter, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
978
|
+
|
|
979
|
+
```ts
|
|
980
|
+
import { Splitter } from '@nanisoft/prism-ui/components';
|
|
981
|
+
```
|
|
982
|
+
|
|
983
|
+
`Splitter` is antd's [Splitter](https://ant.design/components/splitter), re-exported unchanged.
|
|
984
|
+
|
|
985
|
+
- Extends: antd **Splitter** — for inherited props and demos, use the antd MCP (`antd_info Splitter`).
|
|
986
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
987
|
+
|
|
988
|
+
_No additional props beyond the antd base component._
|
|
989
|
+
|
|
990
|
+
---
|
|
991
|
+
|
|
992
|
+
# Statistic
|
|
993
|
+
|
|
994
|
+
antd Statistic, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
995
|
+
|
|
996
|
+
```ts
|
|
997
|
+
import { Statistic } from '@nanisoft/prism-ui/components';
|
|
998
|
+
```
|
|
999
|
+
|
|
1000
|
+
`Statistic` is antd's [Statistic](https://ant.design/components/statistic), re-exported unchanged.
|
|
1001
|
+
|
|
1002
|
+
- Extends: antd **Statistic** — for inherited props and demos, use the antd MCP (`antd_info Statistic`).
|
|
1003
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1004
|
+
|
|
1005
|
+
_No additional props beyond the antd base component._
|
|
1006
|
+
|
|
1007
|
+
---
|
|
1008
|
+
|
|
1009
|
+
# Steps
|
|
1010
|
+
|
|
1011
|
+
antd Steps, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1012
|
+
|
|
1013
|
+
```ts
|
|
1014
|
+
import { Steps } from '@nanisoft/prism-ui/components';
|
|
1015
|
+
```
|
|
1016
|
+
|
|
1017
|
+
`Steps` is antd's [Steps](https://ant.design/components/steps), re-exported unchanged.
|
|
1018
|
+
|
|
1019
|
+
- Extends: antd **Steps** — for inherited props and demos, use the antd MCP (`antd_info Steps`).
|
|
1020
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1021
|
+
|
|
1022
|
+
_No additional props beyond the antd base component._
|
|
1023
|
+
|
|
1024
|
+
---
|
|
1025
|
+
|
|
1026
|
+
# Switch
|
|
1027
|
+
|
|
1028
|
+
antd Switch, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1029
|
+
|
|
1030
|
+
```ts
|
|
1031
|
+
import { Switch } from '@nanisoft/prism-ui/components';
|
|
1032
|
+
```
|
|
1033
|
+
|
|
1034
|
+
`Switch` is antd's [Switch](https://ant.design/components/switch), re-exported unchanged.
|
|
1035
|
+
|
|
1036
|
+
- Extends: antd **Switch** — for inherited props and demos, use the antd MCP (`antd_info Switch`).
|
|
1037
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1038
|
+
|
|
1039
|
+
_No additional props beyond the antd base component._
|
|
1040
|
+
|
|
1041
|
+
---
|
|
1042
|
+
|
|
1043
|
+
# Table
|
|
1044
|
+
|
|
1045
|
+
antd Table, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1046
|
+
|
|
1047
|
+
```ts
|
|
1048
|
+
import { Table } from '@nanisoft/prism-ui/components';
|
|
1049
|
+
```
|
|
1050
|
+
|
|
1051
|
+
`Table` is antd's [Table](https://ant.design/components/table), re-exported unchanged.
|
|
1052
|
+
|
|
1053
|
+
- Extends: antd **Table** — for inherited props and demos, use the antd MCP (`antd_info Table`).
|
|
1054
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1055
|
+
|
|
1056
|
+
_No additional props beyond the antd base component._
|
|
1057
|
+
|
|
1058
|
+
---
|
|
1059
|
+
|
|
1060
|
+
# Tabs
|
|
1061
|
+
|
|
1062
|
+
antd Tabs, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1063
|
+
|
|
1064
|
+
```ts
|
|
1065
|
+
import { Tabs } from '@nanisoft/prism-ui/components';
|
|
1066
|
+
```
|
|
1067
|
+
|
|
1068
|
+
`Tabs` is antd's [Tabs](https://ant.design/components/tabs), re-exported unchanged.
|
|
1069
|
+
|
|
1070
|
+
- Extends: antd **Tabs** — for inherited props and demos, use the antd MCP (`antd_info Tabs`).
|
|
1071
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1072
|
+
|
|
1073
|
+
_No additional props beyond the antd base component._
|
|
1074
|
+
|
|
1075
|
+
---
|
|
1076
|
+
|
|
1077
|
+
# Tag
|
|
1078
|
+
|
|
1079
|
+
antd Tag, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1080
|
+
|
|
1081
|
+
```ts
|
|
1082
|
+
import { Tag } from '@nanisoft/prism-ui/components';
|
|
1083
|
+
```
|
|
1084
|
+
|
|
1085
|
+
`Tag` is antd's [Tag](https://ant.design/components/tag), re-exported unchanged.
|
|
1086
|
+
|
|
1087
|
+
- Extends: antd **Tag** — for inherited props and demos, use the antd MCP (`antd_info Tag`).
|
|
1088
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1089
|
+
|
|
1090
|
+
_No additional props beyond the antd base component._
|
|
1091
|
+
|
|
1092
|
+
---
|
|
1093
|
+
|
|
1094
|
+
# Timeline
|
|
1095
|
+
|
|
1096
|
+
antd Timeline, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1097
|
+
|
|
1098
|
+
```ts
|
|
1099
|
+
import { Timeline } from '@nanisoft/prism-ui/components';
|
|
1100
|
+
```
|
|
1101
|
+
|
|
1102
|
+
`Timeline` is antd's [Timeline](https://ant.design/components/timeline), re-exported unchanged.
|
|
1103
|
+
|
|
1104
|
+
- Extends: antd **Timeline** — for inherited props and demos, use the antd MCP (`antd_info Timeline`).
|
|
1105
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1106
|
+
|
|
1107
|
+
_No additional props beyond the antd base component._
|
|
1108
|
+
|
|
1109
|
+
---
|
|
1110
|
+
|
|
1111
|
+
# TimePicker
|
|
1112
|
+
|
|
1113
|
+
antd TimePicker, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1114
|
+
|
|
1115
|
+
```ts
|
|
1116
|
+
import { TimePicker } from '@nanisoft/prism-ui/components';
|
|
1117
|
+
```
|
|
1118
|
+
|
|
1119
|
+
`TimePicker` is antd's [TimePicker](https://ant.design/components/time-picker), re-exported unchanged.
|
|
1120
|
+
|
|
1121
|
+
- Extends: antd **TimePicker** — for inherited props and demos, use the antd MCP (`antd_info TimePicker`).
|
|
1122
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1123
|
+
|
|
1124
|
+
_No additional props beyond the antd base component._
|
|
1125
|
+
|
|
1126
|
+
---
|
|
1127
|
+
|
|
1128
|
+
# Tooltip
|
|
1129
|
+
|
|
1130
|
+
antd Tooltip, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1131
|
+
|
|
1132
|
+
```ts
|
|
1133
|
+
import { Tooltip } from '@nanisoft/prism-ui/components';
|
|
1134
|
+
```
|
|
1135
|
+
|
|
1136
|
+
`Tooltip` is antd's [Tooltip](https://ant.design/components/tooltip), re-exported unchanged.
|
|
1137
|
+
|
|
1138
|
+
- Extends: antd **Tooltip** — for inherited props and demos, use the antd MCP (`antd_info Tooltip`).
|
|
1139
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1140
|
+
|
|
1141
|
+
_No additional props beyond the antd base component._
|
|
1142
|
+
|
|
1143
|
+
---
|
|
1144
|
+
|
|
1145
|
+
# Tour
|
|
1146
|
+
|
|
1147
|
+
antd Tour, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1148
|
+
|
|
1149
|
+
```ts
|
|
1150
|
+
import { Tour } from '@nanisoft/prism-ui/components';
|
|
1151
|
+
```
|
|
1152
|
+
|
|
1153
|
+
`Tour` is antd's [Tour](https://ant.design/components/tour), re-exported unchanged.
|
|
1154
|
+
|
|
1155
|
+
- Extends: antd **Tour** — for inherited props and demos, use the antd MCP (`antd_info Tour`).
|
|
1156
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1157
|
+
|
|
1158
|
+
_No additional props beyond the antd base component._
|
|
1159
|
+
|
|
1160
|
+
---
|
|
1161
|
+
|
|
1162
|
+
# Transfer
|
|
1163
|
+
|
|
1164
|
+
antd Transfer, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1165
|
+
|
|
1166
|
+
```ts
|
|
1167
|
+
import { Transfer } from '@nanisoft/prism-ui/components';
|
|
1168
|
+
```
|
|
1169
|
+
|
|
1170
|
+
`Transfer` is antd's [Transfer](https://ant.design/components/transfer), re-exported unchanged.
|
|
1171
|
+
|
|
1172
|
+
- Extends: antd **Transfer** — for inherited props and demos, use the antd MCP (`antd_info Transfer`).
|
|
1173
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1174
|
+
|
|
1175
|
+
_No additional props beyond the antd base component._
|
|
1176
|
+
|
|
1177
|
+
---
|
|
1178
|
+
|
|
1179
|
+
# Tree
|
|
1180
|
+
|
|
1181
|
+
antd Tree, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1182
|
+
|
|
1183
|
+
```ts
|
|
1184
|
+
import { Tree } from '@nanisoft/prism-ui/components';
|
|
1185
|
+
```
|
|
1186
|
+
|
|
1187
|
+
`Tree` is antd's [Tree](https://ant.design/components/tree), re-exported unchanged.
|
|
1188
|
+
|
|
1189
|
+
- Extends: antd **Tree** — for inherited props and demos, use the antd MCP (`antd_info Tree`).
|
|
1190
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1191
|
+
|
|
1192
|
+
_No additional props beyond the antd base component._
|
|
1193
|
+
|
|
1194
|
+
---
|
|
1195
|
+
|
|
1196
|
+
# TreeSelect
|
|
1197
|
+
|
|
1198
|
+
antd TreeSelect, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1199
|
+
|
|
1200
|
+
```ts
|
|
1201
|
+
import { TreeSelect } from '@nanisoft/prism-ui/components';
|
|
1202
|
+
```
|
|
1203
|
+
|
|
1204
|
+
`TreeSelect` is antd's [TreeSelect](https://ant.design/components/tree-select), re-exported unchanged.
|
|
1205
|
+
|
|
1206
|
+
- Extends: antd **TreeSelect** — for inherited props and demos, use the antd MCP (`antd_info TreeSelect`).
|
|
1207
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1208
|
+
|
|
1209
|
+
_No additional props beyond the antd base component._
|
|
1210
|
+
|
|
1211
|
+
---
|
|
1212
|
+
|
|
1213
|
+
# Typography
|
|
1214
|
+
|
|
1215
|
+
antd Typography, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1216
|
+
|
|
1217
|
+
```ts
|
|
1218
|
+
import { Typography } from '@nanisoft/prism-ui/components';
|
|
1219
|
+
```
|
|
1220
|
+
|
|
1221
|
+
`Typography` is antd's [Typography](https://ant.design/components/typography), re-exported unchanged.
|
|
1222
|
+
|
|
1223
|
+
- Extends: antd **Typography** — for inherited props and demos, use the antd MCP (`antd_info Typography`).
|
|
1224
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1225
|
+
|
|
1226
|
+
_No additional props beyond the antd base component._
|
|
1227
|
+
|
|
1228
|
+
---
|
|
1229
|
+
|
|
1230
|
+
# Upload
|
|
1231
|
+
|
|
1232
|
+
antd Upload, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1233
|
+
|
|
1234
|
+
```ts
|
|
1235
|
+
import { Upload } from '@nanisoft/prism-ui/components';
|
|
1236
|
+
```
|
|
1237
|
+
|
|
1238
|
+
`Upload` is antd's [Upload](https://ant.design/components/upload), re-exported unchanged.
|
|
1239
|
+
|
|
1240
|
+
- Extends: antd **Upload** — for inherited props and demos, use the antd MCP (`antd_info Upload`).
|
|
1241
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1242
|
+
|
|
1243
|
+
_No additional props beyond the antd base component._
|
|
1244
|
+
|
|
1245
|
+
---
|
|
1246
|
+
|
|
1247
|
+
# Watermark
|
|
1248
|
+
|
|
1249
|
+
antd Watermark, unchanged — a pass-through re-export. Import from '@nanisoft/prism-ui'.
|
|
1250
|
+
|
|
1251
|
+
```ts
|
|
1252
|
+
import { Watermark } from '@nanisoft/prism-ui/components';
|
|
1253
|
+
```
|
|
1254
|
+
|
|
1255
|
+
`Watermark` is antd's [Watermark](https://ant.design/components/watermark), re-exported unchanged.
|
|
1256
|
+
|
|
1257
|
+
- Extends: antd **Watermark** — for inherited props and demos, use the antd MCP (`antd_info Watermark`).
|
|
1258
|
+
- Always import from '@nanisoft/prism-ui', never from `antd` directly.
|
|
1259
|
+
|
|
1260
|
+
_No additional props beyond the antd base component._
|
|
1261
|
+
|
|
1262
|
+
---
|
|
1263
|
+
|
|
1264
|
+
# ComponentDemo
|
|
1265
|
+
|
|
1266
|
+
Prism block — full documentation pending.
|
|
1267
|
+
|
|
1268
|
+
```ts
|
|
1269
|
+
import { ComponentDemo } from '@nanisoft/prism-ui/blocks';
|
|
1270
|
+
```
|
|
1271
|
+
|
|
1272
|
+
`ComponentDemo` is a Prism block. Full documentation is pending — the prism MCP answers API questions in the meantime (`get_item_props`, `get_item_source`).
|
|
1273
|
+
|
|
1274
|
+
## Props
|
|
1275
|
+
|
|
1276
|
+
| Prop | Type | Default | Description |
|
|
1277
|
+
| --- | --- | --- | --- |
|
|
1278
|
+
| `code` | string | — | The example's source code, verbatim from its demos/<slug>.tsx file. |
|
|
1279
|
+
| `children` | ReactNode | — | The live-rendered example. |
|
|
1280
|
+
| `language` (optional) | string | — | Which language `code` is (default 'tsx'). |
|
|
1281
|
+
| `className` (optional) | string | — | — |
|
|
1282
|
+
| `style` (optional) | CSSProperties | — | — |
|
|
1283
|
+
|
|
1284
|
+
---
|
|
1285
|
+
|
|
1286
|
+
# PageHeader
|
|
1287
|
+
|
|
1288
|
+
Prism block — full documentation pending.
|
|
1289
|
+
|
|
1290
|
+
```ts
|
|
1291
|
+
import { PageHeader } from '@nanisoft/prism-ui/blocks';
|
|
1292
|
+
```
|
|
1293
|
+
|
|
1294
|
+
`PageHeader` is a Prism block. Full documentation is pending — the prism MCP answers API questions in the meantime (`get_item_props`, `get_item_source`).
|
|
1295
|
+
|
|
1296
|
+
## Props
|
|
1297
|
+
|
|
1298
|
+
| Prop | Type | Default | Description |
|
|
1299
|
+
| --- | --- | --- | --- |
|
|
1300
|
+
| `title` | string | — | — |
|
|
1301
|
+
| `subtitle` (optional) | string | — | — |
|
|
1302
|
+
| `breadcrumb` (optional) | ReactNode | — | — |
|
|
1303
|
+
| `actions` (optional) | ReactNode | — | Right-aligned actions (buttons, links). |
|
|
1304
|
+
| `className` (optional) | string | — | — |
|
|
1305
|
+
|
|
1306
|
+
---
|
|
1307
|
+
|
|
1308
|
+
# BlogLayout
|
|
1309
|
+
|
|
1310
|
+
Prism page — full documentation pending.
|
|
1311
|
+
|
|
1312
|
+
```ts
|
|
1313
|
+
import { BlogLayout } from '@nanisoft/prism-ui/pages';
|
|
1314
|
+
```
|
|
1315
|
+
|
|
1316
|
+
`BlogLayout` is a Prism page. Full documentation is pending — the prism MCP answers API questions in the meantime (`get_item_props`, `get_item_source`).
|
|
1317
|
+
|
|
1318
|
+
## Props
|
|
1319
|
+
|
|
1320
|
+
| Prop | Type | Default | Description |
|
|
1321
|
+
| --- | --- | --- | --- |
|
|
1322
|
+
| `children` | ReactNode | — | The post body, or the post list on index pages — the app decides. |
|
|
1323
|
+
| `frontmatter` (optional) | BlogFrontmatter | — | — |
|
|
1324
|
+
| `header` (optional) | ReactNode | — | Slot overrides for chrome. |
|
|
1325
|
+
| `footer` (optional) | ReactNode | — | — |
|
|
1326
|
+
| `className` (optional) | string | — | — |
|
|
1327
|
+
|
|
1328
|
+
---
|
|
1329
|
+
|
|
1330
|
+
# DocsShell
|
|
1331
|
+
|
|
1332
|
+
Prism page — full documentation pending.
|
|
1333
|
+
|
|
1334
|
+
```ts
|
|
1335
|
+
import { DocsShell } from '@nanisoft/prism-ui/pages';
|
|
1336
|
+
```
|
|
1337
|
+
|
|
1338
|
+
`DocsShell` is a Prism page. Full documentation is pending — the prism MCP answers API questions in the meantime (`get_item_props`, `get_item_source`).
|
|
1339
|
+
|
|
1340
|
+
## Props
|
|
1341
|
+
|
|
1342
|
+
| Prop | Type | Default | Description |
|
|
1343
|
+
| --- | --- | --- | --- |
|
|
1344
|
+
| `children` | ReactNode | — | The article body (the app renders fumadocs MDX content into it). |
|
|
1345
|
+
| `title` (optional) | string | — | Page title; omitted for index-style pages that own their heading. |
|
|
1346
|
+
| `description` (optional) | string | — | — |
|
|
1347
|
+
| `nav` (optional) | DocsNavEntry[] | — | Sidebar navigation tree. |
|
|
1348
|
+
| `toc` (optional) | DocsNavEntry[] | — | Table-of-contents entries for the current page. |
|
|
1349
|
+
| `neighbours` (optional) | { previous?: { title: string; url: string; }; next?: { title: string; url: string; }; } | — | Prev/next neighbours at the boundary. |
|
|
1350
|
+
| `header` (optional) | ReactNode | — | Slot overrides for chrome — the app's header/footer. |
|
|
1351
|
+
| `footer` (optional) | ReactNode | — | — |
|
|
1352
|
+
| `className` (optional) | string | — | — |
|
|
1353
|
+
|
|
1354
|
+
---
|
|
1355
|
+
|
|
1356
|
+
# Theming — Blue pack · beam-dark mode
|
|
1357
|
+
|
|
1358
|
+
> `createPrismTheme({ pack: 'blue', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-blue-dark`. antd derives everything not listed through its dark algorithm.
|
|
1359
|
+
|
|
1360
|
+
## Usage
|
|
1361
|
+
|
|
1362
|
+
```ts
|
|
1363
|
+
import { createPrismTheme } from '@nanisoft/prism-tokens';
|
|
1364
|
+
import { PrismProvider } from '@nanisoft/prism-ui';
|
|
1365
|
+
|
|
1366
|
+
const theme = createPrismTheme({ pack: 'blue', mode: 'dark' });
|
|
1367
|
+
|
|
1368
|
+
// <PrismProvider prismTheme={theme}>…</PrismProvider>
|
|
1369
|
+
```
|
|
1370
|
+
|
|
1371
|
+
## Tier 0 — primitives
|
|
1372
|
+
|
|
1373
|
+
| Token | Value |
|
|
1374
|
+
| --- | --- |
|
|
1375
|
+
| `colorError` | #DC2626 |
|
|
1376
|
+
| `colorGround` | #0B1220 |
|
|
1377
|
+
| `colorHairline` | rgba(147, 178, 255, 0.16) |
|
|
1378
|
+
| `colorInfo` | #2563EB |
|
|
1379
|
+
| `colorInk` | #3B82F6 |
|
|
1380
|
+
| `colorSuccess` | #16A34A |
|
|
1381
|
+
| `colorText` | #E8EEF9 |
|
|
1382
|
+
| `colorWarning` | #D97706 |
|
|
1383
|
+
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
1384
|
+
| `motionCurveOpacity` | linear |
|
|
1385
|
+
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1386
|
+
| `motionDurationFast` | 80ms |
|
|
1387
|
+
| `motionDurationMid` | 160ms |
|
|
1388
|
+
| `motionDurationSlow` | 280ms |
|
|
1389
|
+
| `shapeRadiusBase` | 4 |
|
|
1390
|
+
| `shapeRadiusLg` | 6 |
|
|
1391
|
+
| `shapeRadiusOuter` | 4 |
|
|
1392
|
+
| `shapeRadiusSm` | 2 |
|
|
1393
|
+
| `spaceStep` | 4 |
|
|
1394
|
+
| `spaceUnit` | 4 |
|
|
1395
|
+
| `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1396
|
+
| `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1397
|
+
| `typeSizeUi` | 14 |
|
|
1398
|
+
| `typeWeightStrong` | 600 |
|
|
1399
|
+
|
|
1400
|
+
## Tier 1 — semantics
|
|
1401
|
+
|
|
1402
|
+
| Token | Value |
|
|
1403
|
+
| --- | --- |
|
|
1404
|
+
| `accentLive` | rgba(59, 130, 246, 0.2) |
|
|
1405
|
+
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
1406
|
+
| `elevationNone` | none |
|
|
1407
|
+
| `focusRing` | rgba(59, 130, 246, 0.55) |
|
|
1408
|
+
| `hairlineFaint` | rgba(59, 130, 246, 0.1) |
|
|
1409
|
+
| `hairlineStrong` | rgba(147, 178, 255, 0.16) |
|
|
1410
|
+
| `inkPrimary` | #3B82F6 |
|
|
1411
|
+
| `motionCurveOpacity` | linear |
|
|
1412
|
+
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1413
|
+
| `motionDurationFast` | 80ms |
|
|
1414
|
+
| `motionDurationMid` | 160ms |
|
|
1415
|
+
| `motionDurationSlow` | 280ms |
|
|
1416
|
+
| `shapeRadiusBase` | 4 |
|
|
1417
|
+
| `shapeRadiusLg` | 6 |
|
|
1418
|
+
| `shapeRadiusOuter` | 4 |
|
|
1419
|
+
| `shapeRadiusSm` | 2 |
|
|
1420
|
+
| `spaceStep` | 4 |
|
|
1421
|
+
| `spaceUnit` | 4 |
|
|
1422
|
+
| `stateError` | #DC2626 |
|
|
1423
|
+
| `stateInfo` | #2563EB |
|
|
1424
|
+
| `stateSuccess` | #16A34A |
|
|
1425
|
+
| `stateWarning` | #D97706 |
|
|
1426
|
+
| `surfaceContainer` | #0B1220 |
|
|
1427
|
+
| `surfaceGround` | #0B1220 |
|
|
1428
|
+
| `surfaceScrim` | rgba(4, 10, 20, 0.72) |
|
|
1429
|
+
| `textFaint` | rgba(232, 238, 249, 0.3) |
|
|
1430
|
+
| `textOnInk` | #0B1220 |
|
|
1431
|
+
| `textPrimary` | #E8EEF9 |
|
|
1432
|
+
| `textSecondary` | rgba(232, 238, 249, 0.68) |
|
|
1433
|
+
| `textTertiary` | rgba(232, 238, 249, 0.45) |
|
|
1434
|
+
| `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1435
|
+
| `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1436
|
+
| `typeSize` | 14 |
|
|
1437
|
+
| `typeWeight` | 600 |
|
|
1438
|
+
|
|
1439
|
+
## antd token lane (seeds + the closed map-token allowlist)
|
|
1440
|
+
|
|
1441
|
+
| Token | Value |
|
|
1442
|
+
| --- | --- |
|
|
1443
|
+
| `borderRadius` | 4 |
|
|
1444
|
+
| `borderRadiusLG` | 6 |
|
|
1445
|
+
| `borderRadiusSM` | 2 |
|
|
1446
|
+
| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
1447
|
+
| `boxShadowSecondary` | none |
|
|
1448
|
+
| `boxShadowTertiary` | none |
|
|
1449
|
+
| `colorBgBase` | #0B1220 |
|
|
1450
|
+
| `colorBgMask` | rgba(4, 10, 20, 0.72) |
|
|
1451
|
+
| `colorBgTextActive` | rgba(59, 130, 246, 0.2) |
|
|
1452
|
+
| `colorBorder` | rgba(147, 178, 255, 0.16) |
|
|
1453
|
+
| `colorBorderSecondary` | rgba(59, 130, 246, 0.1) |
|
|
1454
|
+
| `colorError` | #DC2626 |
|
|
1455
|
+
| `colorInfo` | #2563EB |
|
|
1456
|
+
| `colorLink` | #3B82F6 |
|
|
1457
|
+
| `colorPrimary` | #3B82F6 |
|
|
1458
|
+
| `colorPrimaryTextActive` | #3B82F6 |
|
|
1459
|
+
| `colorSplit` | rgba(59, 130, 246, 0.1) |
|
|
1460
|
+
| `colorSuccess` | #16A34A |
|
|
1461
|
+
| `colorTextBase` | #E8EEF9 |
|
|
1462
|
+
| `colorWarning` | #D97706 |
|
|
1463
|
+
| `controlItemBgActive` | rgba(59, 130, 246, 0.2) |
|
|
1464
|
+
| `controlItemBgActiveHover` | rgba(59, 130, 246, 0.2) |
|
|
1465
|
+
| `controlOutline` | rgba(59, 130, 246, 0.55) |
|
|
1466
|
+
| `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1467
|
+
| `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1468
|
+
| `fontSize` | 14 |
|
|
1469
|
+
| `fontWeightStrong` | 600 |
|
|
1470
|
+
| `lineWidth` | 1 |
|
|
1471
|
+
| `motionBase` | 0 |
|
|
1472
|
+
| `motionDurationSlow` | 280ms |
|
|
1473
|
+
| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1474
|
+
| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1475
|
+
| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1476
|
+
| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1477
|
+
| `motionUnit` | 0.08 |
|
|
1478
|
+
| `sizeStep` | 4 |
|
|
1479
|
+
| `sizeUnit` | 4 |
|
|
1480
|
+
|
|
1481
|
+
Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
|
|
1482
|
+
|
|
1483
|
+
|
|
1484
|
+
---
|
|
1485
|
+
|
|
1486
|
+
# Theming — Blue pack · light mode
|
|
1487
|
+
|
|
1488
|
+
> `createPrismTheme({ pack: 'blue', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-blue-light`. antd derives everything not listed through its default algorithm.
|
|
1489
|
+
|
|
1490
|
+
## Usage
|
|
1491
|
+
|
|
1492
|
+
```ts
|
|
1493
|
+
import { createPrismTheme } from '@nanisoft/prism-tokens';
|
|
1494
|
+
import { PrismProvider } from '@nanisoft/prism-ui';
|
|
1495
|
+
|
|
1496
|
+
const theme = createPrismTheme({ pack: 'blue', mode: 'light' });
|
|
1497
|
+
|
|
1498
|
+
// <PrismProvider prismTheme={theme}>…</PrismProvider>
|
|
1499
|
+
```
|
|
1500
|
+
|
|
1501
|
+
## Tier 0 — primitives
|
|
1502
|
+
|
|
1503
|
+
| Token | Value |
|
|
1504
|
+
| --- | --- |
|
|
1505
|
+
| `colorError` | #DC2626 |
|
|
1506
|
+
| `colorGround` | #F7F9FC |
|
|
1507
|
+
| `colorHairline` | rgba(15, 23, 42, 0.08) |
|
|
1508
|
+
| `colorInfo` | #2563EB |
|
|
1509
|
+
| `colorInk` | #2563EB |
|
|
1510
|
+
| `colorSuccess` | #16A34A |
|
|
1511
|
+
| `colorSurface` | #FFFFFF |
|
|
1512
|
+
| `colorText` | #1A2A4A |
|
|
1513
|
+
| `colorWarning` | #D97706 |
|
|
1514
|
+
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
1515
|
+
| `motionCurveOpacity` | linear |
|
|
1516
|
+
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1517
|
+
| `motionDurationFast` | 80ms |
|
|
1518
|
+
| `motionDurationMid` | 160ms |
|
|
1519
|
+
| `motionDurationSlow` | 280ms |
|
|
1520
|
+
| `shapeRadiusBase` | 4 |
|
|
1521
|
+
| `shapeRadiusLg` | 6 |
|
|
1522
|
+
| `shapeRadiusOuter` | 4 |
|
|
1523
|
+
| `shapeRadiusSm` | 2 |
|
|
1524
|
+
| `spaceStep` | 4 |
|
|
1525
|
+
| `spaceUnit` | 4 |
|
|
1526
|
+
| `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1527
|
+
| `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1528
|
+
| `typeSizeUi` | 14 |
|
|
1529
|
+
| `typeWeightStrong` | 600 |
|
|
1530
|
+
|
|
1531
|
+
## Tier 1 — semantics
|
|
1532
|
+
|
|
1533
|
+
| Token | Value |
|
|
1534
|
+
| --- | --- |
|
|
1535
|
+
| `accentLive` | rgba(37, 99, 235, 0.1) |
|
|
1536
|
+
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
1537
|
+
| `elevationNone` | none |
|
|
1538
|
+
| `focusRing` | rgba(37, 99, 235, 0.35) |
|
|
1539
|
+
| `hairlineFaint` | rgba(37, 99, 235, 0.06) |
|
|
1540
|
+
| `hairlineStrong` | rgba(15, 23, 42, 0.08) |
|
|
1541
|
+
| `inkPrimary` | #2563EB |
|
|
1542
|
+
| `motionCurveOpacity` | linear |
|
|
1543
|
+
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1544
|
+
| `motionDurationFast` | 80ms |
|
|
1545
|
+
| `motionDurationMid` | 160ms |
|
|
1546
|
+
| `motionDurationSlow` | 280ms |
|
|
1547
|
+
| `shapeRadiusBase` | 4 |
|
|
1548
|
+
| `shapeRadiusLg` | 6 |
|
|
1549
|
+
| `shapeRadiusOuter` | 4 |
|
|
1550
|
+
| `shapeRadiusSm` | 2 |
|
|
1551
|
+
| `spaceStep` | 4 |
|
|
1552
|
+
| `spaceUnit` | 4 |
|
|
1553
|
+
| `stateError` | #DC2626 |
|
|
1554
|
+
| `stateInfo` | #2563EB |
|
|
1555
|
+
| `stateSuccess` | #16A34A |
|
|
1556
|
+
| `stateWarning` | #D97706 |
|
|
1557
|
+
| `surfaceContainer` | #FFFFFF |
|
|
1558
|
+
| `surfaceGround` | #F7F9FC |
|
|
1559
|
+
| `surfaceScrim` | rgba(15, 23, 42, 0.32) |
|
|
1560
|
+
| `textFaint` | rgba(26, 42, 74, 0.3) |
|
|
1561
|
+
| `textOnInk` | #FFFFFF |
|
|
1562
|
+
| `textPrimary` | #1A2A4A |
|
|
1563
|
+
| `textSecondary` | rgba(26, 42, 74, 0.68) |
|
|
1564
|
+
| `textTertiary` | rgba(26, 42, 74, 0.45) |
|
|
1565
|
+
| `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1566
|
+
| `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1567
|
+
| `typeSize` | 14 |
|
|
1568
|
+
| `typeWeight` | 600 |
|
|
1569
|
+
|
|
1570
|
+
## antd token lane (seeds + the closed map-token allowlist)
|
|
1571
|
+
|
|
1572
|
+
| Token | Value |
|
|
1573
|
+
| --- | --- |
|
|
1574
|
+
| `borderRadius` | 4 |
|
|
1575
|
+
| `borderRadiusLG` | 6 |
|
|
1576
|
+
| `borderRadiusSM` | 2 |
|
|
1577
|
+
| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
1578
|
+
| `boxShadowSecondary` | none |
|
|
1579
|
+
| `boxShadowTertiary` | none |
|
|
1580
|
+
| `colorBgBase` | #FFFFFF |
|
|
1581
|
+
| `colorBgLayout` | #F7F9FC |
|
|
1582
|
+
| `colorBgMask` | rgba(15, 23, 42, 0.32) |
|
|
1583
|
+
| `colorBgTextActive` | rgba(37, 99, 235, 0.1) |
|
|
1584
|
+
| `colorBorder` | rgba(15, 23, 42, 0.08) |
|
|
1585
|
+
| `colorBorderSecondary` | rgba(37, 99, 235, 0.06) |
|
|
1586
|
+
| `colorError` | #DC2626 |
|
|
1587
|
+
| `colorInfo` | #2563EB |
|
|
1588
|
+
| `colorLink` | #2563EB |
|
|
1589
|
+
| `colorPrimary` | #2563EB |
|
|
1590
|
+
| `colorPrimaryTextActive` | #2563EB |
|
|
1591
|
+
| `colorSplit` | rgba(37, 99, 235, 0.06) |
|
|
1592
|
+
| `colorSuccess` | #16A34A |
|
|
1593
|
+
| `colorTextBase` | #1A2A4A |
|
|
1594
|
+
| `colorWarning` | #D97706 |
|
|
1595
|
+
| `controlItemBgActive` | rgba(37, 99, 235, 0.1) |
|
|
1596
|
+
| `controlItemBgActiveHover` | rgba(37, 99, 235, 0.1) |
|
|
1597
|
+
| `controlOutline` | rgba(37, 99, 235, 0.35) |
|
|
1598
|
+
| `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1599
|
+
| `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1600
|
+
| `fontSize` | 14 |
|
|
1601
|
+
| `fontWeightStrong` | 600 |
|
|
1602
|
+
| `lineWidth` | 1 |
|
|
1603
|
+
| `motionBase` | 0 |
|
|
1604
|
+
| `motionDurationSlow` | 280ms |
|
|
1605
|
+
| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1606
|
+
| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1607
|
+
| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1608
|
+
| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1609
|
+
| `motionUnit` | 0.08 |
|
|
1610
|
+
| `sizeStep` | 4 |
|
|
1611
|
+
| `sizeUnit` | 4 |
|
|
1612
|
+
|
|
1613
|
+
Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
|
|
1614
|
+
|
|
1615
|
+
|
|
1616
|
+
---
|
|
1617
|
+
|
|
1618
|
+
# Theming — Green pack · beam-dark mode
|
|
1619
|
+
|
|
1620
|
+
> `createPrismTheme({ pack: 'green', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-green-dark`. antd derives everything not listed through its dark algorithm.
|
|
1621
|
+
|
|
1622
|
+
## Usage
|
|
1623
|
+
|
|
1624
|
+
```ts
|
|
1625
|
+
import { createPrismTheme } from '@nanisoft/prism-tokens';
|
|
1626
|
+
import { PrismProvider } from '@nanisoft/prism-ui';
|
|
1627
|
+
|
|
1628
|
+
const theme = createPrismTheme({ pack: 'green', mode: 'dark' });
|
|
1629
|
+
|
|
1630
|
+
// <PrismProvider prismTheme={theme}>…</PrismProvider>
|
|
1631
|
+
```
|
|
1632
|
+
|
|
1633
|
+
## Tier 0 — primitives
|
|
1634
|
+
|
|
1635
|
+
| Token | Value |
|
|
1636
|
+
| --- | --- |
|
|
1637
|
+
| `colorError` | #DC2626 |
|
|
1638
|
+
| `colorGround` | #0A1612 |
|
|
1639
|
+
| `colorHairline` | rgba(134, 239, 172, 0.16) |
|
|
1640
|
+
| `colorInfo` | #2563EB |
|
|
1641
|
+
| `colorInk` | #22C55E |
|
|
1642
|
+
| `colorSuccess` | #16A34A |
|
|
1643
|
+
| `colorText` | #E8EEF9 |
|
|
1644
|
+
| `colorWarning` | #D97706 |
|
|
1645
|
+
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
1646
|
+
| `motionCurveOpacity` | linear |
|
|
1647
|
+
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1648
|
+
| `motionDurationFast` | 80ms |
|
|
1649
|
+
| `motionDurationMid` | 160ms |
|
|
1650
|
+
| `motionDurationSlow` | 280ms |
|
|
1651
|
+
| `shapeRadiusBase` | 4 |
|
|
1652
|
+
| `shapeRadiusLg` | 6 |
|
|
1653
|
+
| `shapeRadiusOuter` | 4 |
|
|
1654
|
+
| `shapeRadiusSm` | 2 |
|
|
1655
|
+
| `spaceStep` | 4 |
|
|
1656
|
+
| `spaceUnit` | 4 |
|
|
1657
|
+
| `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1658
|
+
| `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1659
|
+
| `typeSizeUi` | 14 |
|
|
1660
|
+
| `typeWeightStrong` | 600 |
|
|
1661
|
+
|
|
1662
|
+
## Tier 1 — semantics
|
|
1663
|
+
|
|
1664
|
+
| Token | Value |
|
|
1665
|
+
| --- | --- |
|
|
1666
|
+
| `accentLive` | rgba(34, 197, 94, 0.2) |
|
|
1667
|
+
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
1668
|
+
| `elevationNone` | none |
|
|
1669
|
+
| `focusRing` | rgba(34, 197, 94, 0.55) |
|
|
1670
|
+
| `hairlineFaint` | rgba(34, 197, 94, 0.1) |
|
|
1671
|
+
| `hairlineStrong` | rgba(134, 239, 172, 0.16) |
|
|
1672
|
+
| `inkPrimary` | #22C55E |
|
|
1673
|
+
| `motionCurveOpacity` | linear |
|
|
1674
|
+
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1675
|
+
| `motionDurationFast` | 80ms |
|
|
1676
|
+
| `motionDurationMid` | 160ms |
|
|
1677
|
+
| `motionDurationSlow` | 280ms |
|
|
1678
|
+
| `shapeRadiusBase` | 4 |
|
|
1679
|
+
| `shapeRadiusLg` | 6 |
|
|
1680
|
+
| `shapeRadiusOuter` | 4 |
|
|
1681
|
+
| `shapeRadiusSm` | 2 |
|
|
1682
|
+
| `spaceStep` | 4 |
|
|
1683
|
+
| `spaceUnit` | 4 |
|
|
1684
|
+
| `stateError` | #DC2626 |
|
|
1685
|
+
| `stateInfo` | #2563EB |
|
|
1686
|
+
| `stateSuccess` | #16A34A |
|
|
1687
|
+
| `stateWarning` | #D97706 |
|
|
1688
|
+
| `surfaceContainer` | #0A1612 |
|
|
1689
|
+
| `surfaceGround` | #0A1612 |
|
|
1690
|
+
| `surfaceScrim` | rgba(4, 10, 20, 0.72) |
|
|
1691
|
+
| `textFaint` | rgba(232, 238, 249, 0.3) |
|
|
1692
|
+
| `textOnInk` | #0B1220 |
|
|
1693
|
+
| `textPrimary` | #E8EEF9 |
|
|
1694
|
+
| `textSecondary` | rgba(232, 238, 249, 0.68) |
|
|
1695
|
+
| `textTertiary` | rgba(232, 238, 249, 0.45) |
|
|
1696
|
+
| `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1697
|
+
| `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1698
|
+
| `typeSize` | 14 |
|
|
1699
|
+
| `typeWeight` | 600 |
|
|
1700
|
+
|
|
1701
|
+
## antd token lane (seeds + the closed map-token allowlist)
|
|
1702
|
+
|
|
1703
|
+
| Token | Value |
|
|
1704
|
+
| --- | --- |
|
|
1705
|
+
| `borderRadius` | 4 |
|
|
1706
|
+
| `borderRadiusLG` | 6 |
|
|
1707
|
+
| `borderRadiusSM` | 2 |
|
|
1708
|
+
| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
1709
|
+
| `boxShadowSecondary` | none |
|
|
1710
|
+
| `boxShadowTertiary` | none |
|
|
1711
|
+
| `colorBgBase` | #0A1612 |
|
|
1712
|
+
| `colorBgMask` | rgba(4, 10, 20, 0.72) |
|
|
1713
|
+
| `colorBgTextActive` | rgba(34, 197, 94, 0.2) |
|
|
1714
|
+
| `colorBorder` | rgba(134, 239, 172, 0.16) |
|
|
1715
|
+
| `colorBorderSecondary` | rgba(34, 197, 94, 0.1) |
|
|
1716
|
+
| `colorError` | #DC2626 |
|
|
1717
|
+
| `colorInfo` | #2563EB |
|
|
1718
|
+
| `colorLink` | #22C55E |
|
|
1719
|
+
| `colorPrimary` | #22C55E |
|
|
1720
|
+
| `colorPrimaryTextActive` | #22C55E |
|
|
1721
|
+
| `colorSplit` | rgba(34, 197, 94, 0.1) |
|
|
1722
|
+
| `colorSuccess` | #16A34A |
|
|
1723
|
+
| `colorTextBase` | #E8EEF9 |
|
|
1724
|
+
| `colorWarning` | #D97706 |
|
|
1725
|
+
| `controlItemBgActive` | rgba(34, 197, 94, 0.2) |
|
|
1726
|
+
| `controlItemBgActiveHover` | rgba(34, 197, 94, 0.2) |
|
|
1727
|
+
| `controlOutline` | rgba(34, 197, 94, 0.55) |
|
|
1728
|
+
| `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1729
|
+
| `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1730
|
+
| `fontSize` | 14 |
|
|
1731
|
+
| `fontWeightStrong` | 600 |
|
|
1732
|
+
| `lineWidth` | 1 |
|
|
1733
|
+
| `motionBase` | 0 |
|
|
1734
|
+
| `motionDurationSlow` | 280ms |
|
|
1735
|
+
| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1736
|
+
| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1737
|
+
| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1738
|
+
| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1739
|
+
| `motionUnit` | 0.08 |
|
|
1740
|
+
| `sizeStep` | 4 |
|
|
1741
|
+
| `sizeUnit` | 4 |
|
|
1742
|
+
|
|
1743
|
+
Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
|
|
1744
|
+
|
|
1745
|
+
|
|
1746
|
+
---
|
|
1747
|
+
|
|
1748
|
+
# Theming — Green pack · light mode
|
|
1749
|
+
|
|
1750
|
+
> `createPrismTheme({ pack: 'green', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-green-light`. antd derives everything not listed through its default algorithm.
|
|
1751
|
+
|
|
1752
|
+
## Usage
|
|
1753
|
+
|
|
1754
|
+
```ts
|
|
1755
|
+
import { createPrismTheme } from '@nanisoft/prism-tokens';
|
|
1756
|
+
import { PrismProvider } from '@nanisoft/prism-ui';
|
|
1757
|
+
|
|
1758
|
+
const theme = createPrismTheme({ pack: 'green', mode: 'light' });
|
|
1759
|
+
|
|
1760
|
+
// <PrismProvider prismTheme={theme}>…</PrismProvider>
|
|
1761
|
+
```
|
|
1762
|
+
|
|
1763
|
+
## Tier 0 — primitives
|
|
1764
|
+
|
|
1765
|
+
| Token | Value |
|
|
1766
|
+
| --- | --- |
|
|
1767
|
+
| `colorError` | #DC2626 |
|
|
1768
|
+
| `colorGround` | #F0F9F5 |
|
|
1769
|
+
| `colorHairline` | rgba(13, 42, 26, 0.08) |
|
|
1770
|
+
| `colorInfo` | #2563EB |
|
|
1771
|
+
| `colorInk` | #0D5C30 |
|
|
1772
|
+
| `colorSuccess` | #16A34A |
|
|
1773
|
+
| `colorSurface` | #FFFFFF |
|
|
1774
|
+
| `colorText` | #162A1A |
|
|
1775
|
+
| `colorWarning` | #D97706 |
|
|
1776
|
+
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
1777
|
+
| `motionCurveOpacity` | linear |
|
|
1778
|
+
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1779
|
+
| `motionDurationFast` | 80ms |
|
|
1780
|
+
| `motionDurationMid` | 160ms |
|
|
1781
|
+
| `motionDurationSlow` | 280ms |
|
|
1782
|
+
| `shapeRadiusBase` | 4 |
|
|
1783
|
+
| `shapeRadiusLg` | 6 |
|
|
1784
|
+
| `shapeRadiusOuter` | 4 |
|
|
1785
|
+
| `shapeRadiusSm` | 2 |
|
|
1786
|
+
| `spaceStep` | 4 |
|
|
1787
|
+
| `spaceUnit` | 4 |
|
|
1788
|
+
| `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1789
|
+
| `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1790
|
+
| `typeSizeUi` | 14 |
|
|
1791
|
+
| `typeWeightStrong` | 600 |
|
|
1792
|
+
|
|
1793
|
+
## Tier 1 — semantics
|
|
1794
|
+
|
|
1795
|
+
| Token | Value |
|
|
1796
|
+
| --- | --- |
|
|
1797
|
+
| `accentLive` | rgba(13, 92, 48, 0.1) |
|
|
1798
|
+
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
1799
|
+
| `elevationNone` | none |
|
|
1800
|
+
| `focusRing` | rgba(13, 92, 48, 0.35) |
|
|
1801
|
+
| `hairlineFaint` | rgba(13, 92, 48, 0.06) |
|
|
1802
|
+
| `hairlineStrong` | rgba(13, 42, 26, 0.08) |
|
|
1803
|
+
| `inkPrimary` | #0D5C30 |
|
|
1804
|
+
| `motionCurveOpacity` | linear |
|
|
1805
|
+
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1806
|
+
| `motionDurationFast` | 80ms |
|
|
1807
|
+
| `motionDurationMid` | 160ms |
|
|
1808
|
+
| `motionDurationSlow` | 280ms |
|
|
1809
|
+
| `shapeRadiusBase` | 4 |
|
|
1810
|
+
| `shapeRadiusLg` | 6 |
|
|
1811
|
+
| `shapeRadiusOuter` | 4 |
|
|
1812
|
+
| `shapeRadiusSm` | 2 |
|
|
1813
|
+
| `spaceStep` | 4 |
|
|
1814
|
+
| `spaceUnit` | 4 |
|
|
1815
|
+
| `stateError` | #DC2626 |
|
|
1816
|
+
| `stateInfo` | #2563EB |
|
|
1817
|
+
| `stateSuccess` | #16A34A |
|
|
1818
|
+
| `stateWarning` | #D97706 |
|
|
1819
|
+
| `surfaceContainer` | #FFFFFF |
|
|
1820
|
+
| `surfaceGround` | #F0F9F5 |
|
|
1821
|
+
| `surfaceScrim` | rgba(15, 23, 42, 0.32) |
|
|
1822
|
+
| `textFaint` | rgba(22, 42, 26, 0.3) |
|
|
1823
|
+
| `textOnInk` | #FFFFFF |
|
|
1824
|
+
| `textPrimary` | #162A1A |
|
|
1825
|
+
| `textSecondary` | rgba(22, 42, 26, 0.68) |
|
|
1826
|
+
| `textTertiary` | rgba(22, 42, 26, 0.45) |
|
|
1827
|
+
| `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1828
|
+
| `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1829
|
+
| `typeSize` | 14 |
|
|
1830
|
+
| `typeWeight` | 600 |
|
|
1831
|
+
|
|
1832
|
+
## antd token lane (seeds + the closed map-token allowlist)
|
|
1833
|
+
|
|
1834
|
+
| Token | Value |
|
|
1835
|
+
| --- | --- |
|
|
1836
|
+
| `borderRadius` | 4 |
|
|
1837
|
+
| `borderRadiusLG` | 6 |
|
|
1838
|
+
| `borderRadiusSM` | 2 |
|
|
1839
|
+
| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
1840
|
+
| `boxShadowSecondary` | none |
|
|
1841
|
+
| `boxShadowTertiary` | none |
|
|
1842
|
+
| `colorBgBase` | #FFFFFF |
|
|
1843
|
+
| `colorBgLayout` | #F0F9F5 |
|
|
1844
|
+
| `colorBgMask` | rgba(15, 23, 42, 0.32) |
|
|
1845
|
+
| `colorBgTextActive` | rgba(13, 92, 48, 0.1) |
|
|
1846
|
+
| `colorBorder` | rgba(13, 42, 26, 0.08) |
|
|
1847
|
+
| `colorBorderSecondary` | rgba(13, 92, 48, 0.06) |
|
|
1848
|
+
| `colorError` | #DC2626 |
|
|
1849
|
+
| `colorInfo` | #2563EB |
|
|
1850
|
+
| `colorLink` | #0D5C30 |
|
|
1851
|
+
| `colorPrimary` | #0D5C30 |
|
|
1852
|
+
| `colorPrimaryTextActive` | #0D5C30 |
|
|
1853
|
+
| `colorSplit` | rgba(13, 92, 48, 0.06) |
|
|
1854
|
+
| `colorSuccess` | #16A34A |
|
|
1855
|
+
| `colorTextBase` | #162A1A |
|
|
1856
|
+
| `colorWarning` | #D97706 |
|
|
1857
|
+
| `controlItemBgActive` | rgba(13, 92, 48, 0.1) |
|
|
1858
|
+
| `controlItemBgActiveHover` | rgba(13, 92, 48, 0.1) |
|
|
1859
|
+
| `controlOutline` | rgba(13, 92, 48, 0.35) |
|
|
1860
|
+
| `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
1861
|
+
| `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
1862
|
+
| `fontSize` | 14 |
|
|
1863
|
+
| `fontWeightStrong` | 600 |
|
|
1864
|
+
| `lineWidth` | 1 |
|
|
1865
|
+
| `motionBase` | 0 |
|
|
1866
|
+
| `motionDurationSlow` | 280ms |
|
|
1867
|
+
| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1868
|
+
| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1869
|
+
| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1870
|
+
| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
1871
|
+
| `motionUnit` | 0.08 |
|
|
1872
|
+
| `sizeStep` | 4 |
|
|
1873
|
+
| `sizeUnit` | 4 |
|
|
1874
|
+
|
|
1875
|
+
Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
|
|
1876
|
+
|