@sakaniui/react 0.8.11 → 0.8.13
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/AGENTS.md +6 -0
- package/CHANGELOG.md +34 -0
- package/README.md +21 -0
- package/bin/sakaniui-mcp.mjs +92 -14
- package/dist/icon-index.json +1 -1
- package/dist/manifest.json +434 -63
- package/package.json +1 -1
package/dist/manifest.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
|
-
"schemaVersion":
|
|
2
|
+
"schemaVersion": 6,
|
|
3
3
|
"name": "@sakaniui/react",
|
|
4
|
-
"version": "0.8.
|
|
4
|
+
"version": "0.8.13",
|
|
5
5
|
"description": "Machine-readable contract of the SakaniUI React library, generated from its TypeScript source.",
|
|
6
6
|
"docs": "https://www.sakaniui.com",
|
|
7
7
|
"guide": "https://www.sakaniui.com/llms-full.txt",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"@sakaniui/react/icons": "Tabler icons: IconName and IconNameFilled, one module each (5184 outline, 1054 filled)."
|
|
24
24
|
},
|
|
25
25
|
"conventions": {
|
|
26
|
-
"version": "This manifest describes @sakaniui/react@0.8.
|
|
26
|
+
"version": "This manifest describes @sakaniui/react@0.8.13. Each component has `since`, the first release that contained it; a prop added later has its own `since`, and a value added later is listed in the prop's `valuesSince`. If the project has an older version installed, anything newer than that does not exist there.",
|
|
27
27
|
"acceptsNativeProps": "Components forward native HTML attributes (className, style, aria-*, event handlers) to their root element unless a prop says otherwise; only the props that are specific to SakaniUI are listed here.",
|
|
28
28
|
"accessibleName": "When `contract.requiresAccessibleName` is true, a required prop (aria-label, aria-labelledby or an alt text) is the only thing that names the control or image. Do not omit it.",
|
|
29
29
|
"tokens": "Use only the token names listed under `tokens`. Colour tokens follow the theme (the `.dark` class flips them); do not hard-code colours.",
|
|
@@ -481,7 +481,14 @@
|
|
|
481
481
|
"requiresAccessibleName": false
|
|
482
482
|
},
|
|
483
483
|
"since": "0.1.0",
|
|
484
|
-
"example": "import { Accordion } from '@sakaniui/react';\n\n<Accordion>Label</Accordion>"
|
|
484
|
+
"example": "import { Accordion } from '@sakaniui/react';\n\n<Accordion>Label</Accordion>",
|
|
485
|
+
"aliases": [
|
|
486
|
+
"collapse",
|
|
487
|
+
"collapsible",
|
|
488
|
+
"expandable",
|
|
489
|
+
"disclosure",
|
|
490
|
+
"expand collapse"
|
|
491
|
+
]
|
|
485
492
|
},
|
|
486
493
|
{
|
|
487
494
|
"name": "AccordionItem",
|
|
@@ -666,7 +673,15 @@
|
|
|
666
673
|
"requiresAccessibleName": false
|
|
667
674
|
},
|
|
668
675
|
"since": "0.1.0",
|
|
669
|
-
"example": "import { Alert } from '@sakaniui/react';\n\n<Alert />"
|
|
676
|
+
"example": "import { Alert } from '@sakaniui/react';\n\n<Alert />",
|
|
677
|
+
"aliases": [
|
|
678
|
+
"callout",
|
|
679
|
+
"notice",
|
|
680
|
+
"inline message",
|
|
681
|
+
"inline alert",
|
|
682
|
+
"status message",
|
|
683
|
+
"message box"
|
|
684
|
+
]
|
|
670
685
|
},
|
|
671
686
|
{
|
|
672
687
|
"name": "Announcement",
|
|
@@ -725,7 +740,13 @@
|
|
|
725
740
|
"requiresAccessibleName": false
|
|
726
741
|
},
|
|
727
742
|
"since": "0.1.0",
|
|
728
|
-
"example": "import { Announcement } from '@sakaniui/react';\n\n<Announcement message=\"Message\" />"
|
|
743
|
+
"example": "import { Announcement } from '@sakaniui/react';\n\n<Announcement message=\"Message\" />",
|
|
744
|
+
"aliases": [
|
|
745
|
+
"banner",
|
|
746
|
+
"announcement bar",
|
|
747
|
+
"top banner",
|
|
748
|
+
"promo bar"
|
|
749
|
+
]
|
|
729
750
|
},
|
|
730
751
|
{
|
|
731
752
|
"name": "AreaChart",
|
|
@@ -867,7 +888,12 @@
|
|
|
867
888
|
"requiresAccessibleName": false
|
|
868
889
|
},
|
|
869
890
|
"since": "0.1.0",
|
|
870
|
-
"example": "import { Avatar } from '@sakaniui/react';\n\n<Avatar />"
|
|
891
|
+
"example": "import { Avatar } from '@sakaniui/react';\n\n<Avatar />",
|
|
892
|
+
"aliases": [
|
|
893
|
+
"profile picture",
|
|
894
|
+
"user avatar",
|
|
895
|
+
"profile image"
|
|
896
|
+
]
|
|
871
897
|
},
|
|
872
898
|
{
|
|
873
899
|
"name": "AvatarGroup",
|
|
@@ -1064,7 +1090,13 @@
|
|
|
1064
1090
|
"requiresAccessibleName": false
|
|
1065
1091
|
},
|
|
1066
1092
|
"since": "0.1.0",
|
|
1067
|
-
"example": "import { Badge } from '@sakaniui/react';\n\n<Badge>Label</Badge>"
|
|
1093
|
+
"example": "import { Badge } from '@sakaniui/react';\n\n<Badge>Label</Badge>",
|
|
1094
|
+
"aliases": [
|
|
1095
|
+
"pill",
|
|
1096
|
+
"status pill",
|
|
1097
|
+
"status badge",
|
|
1098
|
+
"lozenge"
|
|
1099
|
+
]
|
|
1068
1100
|
},
|
|
1069
1101
|
{
|
|
1070
1102
|
"name": "Balance",
|
|
@@ -1796,7 +1828,12 @@
|
|
|
1796
1828
|
"requiresAccessibleName": false
|
|
1797
1829
|
},
|
|
1798
1830
|
"since": "0.1.0",
|
|
1799
|
-
"example": "import { Breadcrumb } from '@sakaniui/react';\n\n<Breadcrumb items={[{ label: \"Label\" }]} />"
|
|
1831
|
+
"example": "import { Breadcrumb } from '@sakaniui/react';\n\n<Breadcrumb items={[{ label: \"Label\" }]} />",
|
|
1832
|
+
"aliases": [
|
|
1833
|
+
"breadcrumbs",
|
|
1834
|
+
"bread crumbs",
|
|
1835
|
+
"path trail"
|
|
1836
|
+
]
|
|
1800
1837
|
},
|
|
1801
1838
|
{
|
|
1802
1839
|
"name": "Button",
|
|
@@ -1959,7 +1996,13 @@
|
|
|
1959
1996
|
"requiresAccessibleName": false
|
|
1960
1997
|
},
|
|
1961
1998
|
"since": "0.1.0",
|
|
1962
|
-
"example": "import { Calendar } from '@sakaniui/react';\n\n<Calendar />"
|
|
1999
|
+
"example": "import { Calendar } from '@sakaniui/react';\n\n<Calendar />",
|
|
2000
|
+
"aliases": [
|
|
2001
|
+
"date picker",
|
|
2002
|
+
"datepicker",
|
|
2003
|
+
"date selector",
|
|
2004
|
+
"calendar picker"
|
|
2005
|
+
]
|
|
1963
2006
|
},
|
|
1964
2007
|
{
|
|
1965
2008
|
"name": "Card",
|
|
@@ -2197,7 +2240,13 @@
|
|
|
2197
2240
|
"requiresAccessibleName": false
|
|
2198
2241
|
},
|
|
2199
2242
|
"since": "0.1.0",
|
|
2200
|
-
"example": "import { ChatComposer } from '@sakaniui/react';\n\n<ChatComposer />"
|
|
2243
|
+
"example": "import { ChatComposer } from '@sakaniui/react';\n\n<ChatComposer />",
|
|
2244
|
+
"aliases": [
|
|
2245
|
+
"message input",
|
|
2246
|
+
"chat input",
|
|
2247
|
+
"message box",
|
|
2248
|
+
"composer"
|
|
2249
|
+
]
|
|
2201
2250
|
},
|
|
2202
2251
|
{
|
|
2203
2252
|
"name": "Checkbox",
|
|
@@ -2228,7 +2277,10 @@
|
|
|
2228
2277
|
"requiresAccessibleName": false
|
|
2229
2278
|
},
|
|
2230
2279
|
"since": "0.1.0",
|
|
2231
|
-
"example": "import { Checkbox } from '@sakaniui/react';\n\n<Checkbox />"
|
|
2280
|
+
"example": "import { Checkbox } from '@sakaniui/react';\n\n<Checkbox />",
|
|
2281
|
+
"aliases": [
|
|
2282
|
+
"tickbox"
|
|
2283
|
+
]
|
|
2232
2284
|
},
|
|
2233
2285
|
{
|
|
2234
2286
|
"name": "CheckoutSteps",
|
|
@@ -2319,7 +2371,12 @@
|
|
|
2319
2371
|
"requiresAccessibleName": false
|
|
2320
2372
|
},
|
|
2321
2373
|
"since": "0.1.0",
|
|
2322
|
-
"example": "import { CodeSnippet } from '@sakaniui/react';\n\n<CodeSnippet code=\"Code\" />"
|
|
2374
|
+
"example": "import { CodeSnippet } from '@sakaniui/react';\n\n<CodeSnippet code=\"Code\" />",
|
|
2375
|
+
"aliases": [
|
|
2376
|
+
"code block",
|
|
2377
|
+
"code sample",
|
|
2378
|
+
"code viewer"
|
|
2379
|
+
]
|
|
2323
2380
|
},
|
|
2324
2381
|
{
|
|
2325
2382
|
"name": "ColorSwatch",
|
|
@@ -2488,7 +2545,15 @@
|
|
|
2488
2545
|
"requiresAccessibleName": false
|
|
2489
2546
|
},
|
|
2490
2547
|
"since": "0.1.0",
|
|
2491
|
-
"example": "import { Combobox } from '@sakaniui/react';\n\n<Combobox options={[{ value: \"Value\", label: \"Label\" }]} />"
|
|
2548
|
+
"example": "import { Combobox } from '@sakaniui/react';\n\n<Combobox options={[{ value: \"Value\", label: \"Label\" }]} />",
|
|
2549
|
+
"aliases": [
|
|
2550
|
+
"autocomplete",
|
|
2551
|
+
"typeahead",
|
|
2552
|
+
"searchable select",
|
|
2553
|
+
"multi select",
|
|
2554
|
+
"multiselect",
|
|
2555
|
+
"tag input"
|
|
2556
|
+
]
|
|
2492
2557
|
},
|
|
2493
2558
|
{
|
|
2494
2559
|
"name": "ConversationItem",
|
|
@@ -2595,7 +2660,13 @@
|
|
|
2595
2660
|
"requiresAccessibleName": false
|
|
2596
2661
|
},
|
|
2597
2662
|
"since": "0.1.0",
|
|
2598
|
-
"example": "import { Divider } from '@sakaniui/react';\n\n<Divider />"
|
|
2663
|
+
"example": "import { Divider } from '@sakaniui/react';\n\n<Divider />",
|
|
2664
|
+
"aliases": [
|
|
2665
|
+
"separator",
|
|
2666
|
+
"horizontal rule",
|
|
2667
|
+
"hr",
|
|
2668
|
+
"rule"
|
|
2669
|
+
]
|
|
2599
2670
|
},
|
|
2600
2671
|
{
|
|
2601
2672
|
"name": "DonutChart",
|
|
@@ -2724,7 +2795,14 @@
|
|
|
2724
2795
|
"requiresAccessibleName": false
|
|
2725
2796
|
},
|
|
2726
2797
|
"since": "0.1.0",
|
|
2727
|
-
"example": "import { EmptyState } from '@sakaniui/react';\n\n<EmptyState />"
|
|
2798
|
+
"example": "import { EmptyState } from '@sakaniui/react';\n\n<EmptyState />",
|
|
2799
|
+
"aliases": [
|
|
2800
|
+
"no data",
|
|
2801
|
+
"blank state",
|
|
2802
|
+
"zero state",
|
|
2803
|
+
"empty view",
|
|
2804
|
+
"no results"
|
|
2805
|
+
]
|
|
2728
2806
|
},
|
|
2729
2807
|
{
|
|
2730
2808
|
"name": "Expenses",
|
|
@@ -2910,7 +2988,15 @@
|
|
|
2910
2988
|
"requiresAccessibleName": false
|
|
2911
2989
|
},
|
|
2912
2990
|
"since": "0.1.0",
|
|
2913
|
-
"example": "import { FileUpload } from '@sakaniui/react';\n\n<FileUpload />"
|
|
2991
|
+
"example": "import { FileUpload } from '@sakaniui/react';\n\n<FileUpload />",
|
|
2992
|
+
"aliases": [
|
|
2993
|
+
"file picker",
|
|
2994
|
+
"dropzone",
|
|
2995
|
+
"drop zone",
|
|
2996
|
+
"file input",
|
|
2997
|
+
"uploader",
|
|
2998
|
+
"upload area"
|
|
2999
|
+
]
|
|
2914
3000
|
},
|
|
2915
3001
|
{
|
|
2916
3002
|
"name": "FilterChip",
|
|
@@ -3276,7 +3362,13 @@
|
|
|
3276
3362
|
"requiresAccessibleName": true
|
|
3277
3363
|
},
|
|
3278
3364
|
"since": "0.1.0",
|
|
3279
|
-
"example": "import { IconButton } from '@sakaniui/react';\nimport { IconStar } from '@sakaniui/react/icons';\n\n<IconButton icon={IconStar} aria-label=\"Describe the action\" />"
|
|
3365
|
+
"example": "import { IconButton } from '@sakaniui/react';\nimport { IconStar } from '@sakaniui/react/icons';\n\n<IconButton icon={IconStar} aria-label=\"Describe the action\" />",
|
|
3366
|
+
"aliases": [
|
|
3367
|
+
"icon only button",
|
|
3368
|
+
"icon-only button",
|
|
3369
|
+
"icon btn",
|
|
3370
|
+
"round button"
|
|
3371
|
+
]
|
|
3280
3372
|
},
|
|
3281
3373
|
{
|
|
3282
3374
|
"name": "InlineHint",
|
|
@@ -3371,7 +3463,14 @@
|
|
|
3371
3463
|
"requiresAccessibleName": false
|
|
3372
3464
|
},
|
|
3373
3465
|
"since": "0.1.0",
|
|
3374
|
-
"example": "import { Input } from '@sakaniui/react';\n\n<Input />"
|
|
3466
|
+
"example": "import { Input } from '@sakaniui/react';\n\n<Input />",
|
|
3467
|
+
"aliases": [
|
|
3468
|
+
"text field",
|
|
3469
|
+
"textfield",
|
|
3470
|
+
"text input",
|
|
3471
|
+
"input field",
|
|
3472
|
+
"form field"
|
|
3473
|
+
]
|
|
3375
3474
|
},
|
|
3376
3475
|
{
|
|
3377
3476
|
"name": "InstagramIcon",
|
|
@@ -3495,7 +3594,13 @@
|
|
|
3495
3594
|
"requiresAccessibleName": false
|
|
3496
3595
|
},
|
|
3497
3596
|
"since": "0.1.0",
|
|
3498
|
-
"example": "import { Kbd } from '@sakaniui/react';\n\n<Kbd>Label</Kbd>"
|
|
3597
|
+
"example": "import { Kbd } from '@sakaniui/react';\n\n<Kbd>Label</Kbd>",
|
|
3598
|
+
"aliases": [
|
|
3599
|
+
"keyboard shortcut",
|
|
3600
|
+
"key cap",
|
|
3601
|
+
"keycap",
|
|
3602
|
+
"shortcut key"
|
|
3603
|
+
]
|
|
3499
3604
|
},
|
|
3500
3605
|
{
|
|
3501
3606
|
"name": "Label",
|
|
@@ -3625,7 +3730,12 @@
|
|
|
3625
3730
|
"requiresAccessibleName": false
|
|
3626
3731
|
},
|
|
3627
3732
|
"since": "0.1.0",
|
|
3628
|
-
"example": "import { Link } from '@sakaniui/react';\n\n<Link>Label</Link>"
|
|
3733
|
+
"example": "import { Link } from '@sakaniui/react';\n\n<Link>Label</Link>",
|
|
3734
|
+
"aliases": [
|
|
3735
|
+
"anchor",
|
|
3736
|
+
"hyperlink",
|
|
3737
|
+
"text link"
|
|
3738
|
+
]
|
|
3629
3739
|
},
|
|
3630
3740
|
{
|
|
3631
3741
|
"name": "LinkedinIcon",
|
|
@@ -3976,7 +4086,14 @@
|
|
|
3976
4086
|
"requiresAccessibleName": false
|
|
3977
4087
|
},
|
|
3978
4088
|
"since": "0.1.0",
|
|
3979
|
-
"example": "import { Menu } from '@sakaniui/react';\n\n<Menu>Label</Menu>"
|
|
4089
|
+
"example": "import { Menu } from '@sakaniui/react';\n\n<Menu>Label</Menu>",
|
|
4090
|
+
"aliases": [
|
|
4091
|
+
"dropdown",
|
|
4092
|
+
"dropdown menu",
|
|
4093
|
+
"context menu",
|
|
4094
|
+
"actions menu",
|
|
4095
|
+
"kebab menu"
|
|
4096
|
+
]
|
|
3980
4097
|
},
|
|
3981
4098
|
{
|
|
3982
4099
|
"name": "MenuDivider",
|
|
@@ -4133,7 +4250,12 @@
|
|
|
4133
4250
|
"requiresAccessibleName": false
|
|
4134
4251
|
},
|
|
4135
4252
|
"since": "0.1.0",
|
|
4136
|
-
"example": "import { MessageBubble } from '@sakaniui/react';\n\n<MessageBubble />"
|
|
4253
|
+
"example": "import { MessageBubble } from '@sakaniui/react';\n\n<MessageBubble />",
|
|
4254
|
+
"aliases": [
|
|
4255
|
+
"chat bubble",
|
|
4256
|
+
"chat message",
|
|
4257
|
+
"message"
|
|
4258
|
+
]
|
|
4137
4259
|
},
|
|
4138
4260
|
{
|
|
4139
4261
|
"name": "Metric",
|
|
@@ -4254,7 +4376,13 @@
|
|
|
4254
4376
|
"requiresAccessibleName": false
|
|
4255
4377
|
},
|
|
4256
4378
|
"since": "0.3.0",
|
|
4257
|
-
"example": "import { MobileNavigationMenu } from '@sakaniui/react';\n\n<MobileNavigationMenu label=\"Label\" links={[{ label: \"Label\" }]} />"
|
|
4379
|
+
"example": "import { MobileNavigationMenu } from '@sakaniui/react';\n\n<MobileNavigationMenu label=\"Label\" links={[{ label: \"Label\" }]} />",
|
|
4380
|
+
"aliases": [
|
|
4381
|
+
"mobile nav",
|
|
4382
|
+
"mobile menu",
|
|
4383
|
+
"hamburger menu",
|
|
4384
|
+
"burger menu"
|
|
4385
|
+
]
|
|
4258
4386
|
},
|
|
4259
4387
|
{
|
|
4260
4388
|
"name": "Modal",
|
|
@@ -4382,7 +4510,18 @@
|
|
|
4382
4510
|
"requiresAccessibleName": false
|
|
4383
4511
|
},
|
|
4384
4512
|
"since": "0.1.0",
|
|
4385
|
-
"example": "import { Modal } from '@sakaniui/react';\n\n<Modal open={true} onClose={() => {}} title=\"Title\" />"
|
|
4513
|
+
"example": "import { Modal } from '@sakaniui/react';\n\n<Modal open={true} onClose={() => {}} title=\"Title\" />",
|
|
4514
|
+
"aliases": [
|
|
4515
|
+
"dialog",
|
|
4516
|
+
"alert dialog",
|
|
4517
|
+
"alertdialog",
|
|
4518
|
+
"confirm dialog",
|
|
4519
|
+
"confirmation dialog",
|
|
4520
|
+
"confirmation",
|
|
4521
|
+
"modal window",
|
|
4522
|
+
"popup dialog",
|
|
4523
|
+
"lightbox"
|
|
4524
|
+
]
|
|
4386
4525
|
},
|
|
4387
4526
|
{
|
|
4388
4527
|
"name": "NotificationItem",
|
|
@@ -4503,7 +4642,12 @@
|
|
|
4503
4642
|
"requiresAccessibleName": false
|
|
4504
4643
|
},
|
|
4505
4644
|
"since": "0.1.0",
|
|
4506
|
-
"example": "import { Pagination } from '@sakaniui/react';\n\n<Pagination total={49} page={1} onPageChange={() => {}} />"
|
|
4645
|
+
"example": "import { Pagination } from '@sakaniui/react';\n\n<Pagination total={49} page={1} onPageChange={() => {}} />",
|
|
4646
|
+
"aliases": [
|
|
4647
|
+
"pager",
|
|
4648
|
+
"paginator",
|
|
4649
|
+
"page numbers"
|
|
4650
|
+
]
|
|
4507
4651
|
},
|
|
4508
4652
|
{
|
|
4509
4653
|
"name": "PieChart",
|
|
@@ -4686,7 +4830,13 @@
|
|
|
4686
4830
|
"requiresAccessibleName": false
|
|
4687
4831
|
},
|
|
4688
4832
|
"since": "0.1.0",
|
|
4689
|
-
"example": "import { Popover } from '@sakaniui/react';\n\n<Popover trigger=\"Trigger\" />"
|
|
4833
|
+
"example": "import { Popover } from '@sakaniui/react';\n\n<Popover trigger=\"Trigger\" />",
|
|
4834
|
+
"aliases": [
|
|
4835
|
+
"popup",
|
|
4836
|
+
"flyout",
|
|
4837
|
+
"floating panel",
|
|
4838
|
+
"popup panel"
|
|
4839
|
+
]
|
|
4690
4840
|
},
|
|
4691
4841
|
{
|
|
4692
4842
|
"name": "PriceDisplay",
|
|
@@ -5076,7 +5226,13 @@
|
|
|
5076
5226
|
"requiresAccessibleName": false
|
|
5077
5227
|
},
|
|
5078
5228
|
"since": "0.1.0",
|
|
5079
|
-
"example": "import { Progress } from '@sakaniui/react';\n\n<Progress />"
|
|
5229
|
+
"example": "import { Progress } from '@sakaniui/react';\n\n<Progress />",
|
|
5230
|
+
"aliases": [
|
|
5231
|
+
"progress bar",
|
|
5232
|
+
"progressbar",
|
|
5233
|
+
"meter",
|
|
5234
|
+
"loading bar"
|
|
5235
|
+
]
|
|
5080
5236
|
},
|
|
5081
5237
|
{
|
|
5082
5238
|
"name": "ProgressItem",
|
|
@@ -5427,7 +5583,12 @@
|
|
|
5427
5583
|
"requiresAccessibleName": false
|
|
5428
5584
|
},
|
|
5429
5585
|
"since": "0.1.0",
|
|
5430
|
-
"example": "import { Radio } from '@sakaniui/react';\n\n<Radio />"
|
|
5586
|
+
"example": "import { Radio } from '@sakaniui/react';\n\n<Radio />",
|
|
5587
|
+
"aliases": [
|
|
5588
|
+
"radio button",
|
|
5589
|
+
"radio group",
|
|
5590
|
+
"radio input"
|
|
5591
|
+
]
|
|
5431
5592
|
},
|
|
5432
5593
|
{
|
|
5433
5594
|
"name": "RichSeparator",
|
|
@@ -5741,7 +5902,14 @@
|
|
|
5741
5902
|
"requiresAccessibleName": false
|
|
5742
5903
|
},
|
|
5743
5904
|
"since": "0.1.0",
|
|
5744
|
-
"example": "import { Select } from '@sakaniui/react';\n\n<Select options={[{ label: \"Label\", value: \"Value\" }]} />"
|
|
5905
|
+
"example": "import { Select } from '@sakaniui/react';\n\n<Select options={[{ label: \"Label\", value: \"Value\" }]} />",
|
|
5906
|
+
"aliases": [
|
|
5907
|
+
"select box",
|
|
5908
|
+
"selectbox",
|
|
5909
|
+
"dropdown select",
|
|
5910
|
+
"picker",
|
|
5911
|
+
"dropdown list"
|
|
5912
|
+
]
|
|
5745
5913
|
},
|
|
5746
5914
|
{
|
|
5747
5915
|
"name": "Sidebar",
|
|
@@ -5767,7 +5935,14 @@
|
|
|
5767
5935
|
"requiresAccessibleName": false
|
|
5768
5936
|
},
|
|
5769
5937
|
"since": "0.1.0",
|
|
5770
|
-
"example": "import { Sidebar } from '@sakaniui/react';\n\n<Sidebar>Label</Sidebar>"
|
|
5938
|
+
"example": "import { Sidebar } from '@sakaniui/react';\n\n<Sidebar>Label</Sidebar>",
|
|
5939
|
+
"aliases": [
|
|
5940
|
+
"side nav",
|
|
5941
|
+
"sidenav",
|
|
5942
|
+
"side navigation",
|
|
5943
|
+
"left nav",
|
|
5944
|
+
"navigation sidebar"
|
|
5945
|
+
]
|
|
5771
5946
|
},
|
|
5772
5947
|
{
|
|
5773
5948
|
"name": "SidebarDivider",
|
|
@@ -6241,7 +6416,13 @@
|
|
|
6241
6416
|
"requiresAccessibleName": false
|
|
6242
6417
|
},
|
|
6243
6418
|
"since": "0.1.0",
|
|
6244
|
-
"example": "import { Skeleton } from '@sakaniui/react';\n\n<Skeleton />"
|
|
6419
|
+
"example": "import { Skeleton } from '@sakaniui/react';\n\n<Skeleton />",
|
|
6420
|
+
"aliases": [
|
|
6421
|
+
"shimmer",
|
|
6422
|
+
"loading skeleton",
|
|
6423
|
+
"content placeholder",
|
|
6424
|
+
"skeleton loader"
|
|
6425
|
+
]
|
|
6245
6426
|
},
|
|
6246
6427
|
{
|
|
6247
6428
|
"name": "Slider",
|
|
@@ -6279,7 +6460,12 @@
|
|
|
6279
6460
|
"requiresAccessibleName": false
|
|
6280
6461
|
},
|
|
6281
6462
|
"since": "0.1.0",
|
|
6282
|
-
"example": "import { Slider } from '@sakaniui/react';\n\n<Slider />"
|
|
6463
|
+
"example": "import { Slider } from '@sakaniui/react';\n\n<Slider />",
|
|
6464
|
+
"aliases": [
|
|
6465
|
+
"range",
|
|
6466
|
+
"range slider",
|
|
6467
|
+
"range input"
|
|
6468
|
+
]
|
|
6283
6469
|
},
|
|
6284
6470
|
{
|
|
6285
6471
|
"name": "SpendingBalance",
|
|
@@ -6362,7 +6548,14 @@
|
|
|
6362
6548
|
"requiresAccessibleName": false
|
|
6363
6549
|
},
|
|
6364
6550
|
"since": "0.1.0",
|
|
6365
|
-
"example": "import { Spinner } from '@sakaniui/react';\n\n<Spinner />"
|
|
6551
|
+
"example": "import { Spinner } from '@sakaniui/react';\n\n<Spinner />",
|
|
6552
|
+
"aliases": [
|
|
6553
|
+
"loader",
|
|
6554
|
+
"loading",
|
|
6555
|
+
"loading spinner",
|
|
6556
|
+
"activity indicator",
|
|
6557
|
+
"busy indicator"
|
|
6558
|
+
]
|
|
6366
6559
|
},
|
|
6367
6560
|
{
|
|
6368
6561
|
"name": "StarRating",
|
|
@@ -6419,7 +6612,13 @@
|
|
|
6419
6612
|
"requiresAccessibleName": false
|
|
6420
6613
|
},
|
|
6421
6614
|
"since": "0.3.0",
|
|
6422
|
-
"example": "import { StarRating } from '@sakaniui/react';\n\n<StarRating rating={4} />"
|
|
6615
|
+
"example": "import { StarRating } from '@sakaniui/react';\n\n<StarRating rating={4} />",
|
|
6616
|
+
"aliases": [
|
|
6617
|
+
"rating",
|
|
6618
|
+
"stars",
|
|
6619
|
+
"review stars",
|
|
6620
|
+
"star reviews"
|
|
6621
|
+
]
|
|
6423
6622
|
},
|
|
6424
6623
|
{
|
|
6425
6624
|
"name": "StatCard",
|
|
@@ -6520,7 +6719,14 @@
|
|
|
6520
6719
|
"requiresAccessibleName": false
|
|
6521
6720
|
},
|
|
6522
6721
|
"since": "0.1.0",
|
|
6523
|
-
"example": "import { StatCard } from '@sakaniui/react';\n\n<StatCard title=\"Title\" value=\"Value\" />"
|
|
6722
|
+
"example": "import { StatCard } from '@sakaniui/react';\n\n<StatCard title=\"Title\" value=\"Value\" />",
|
|
6723
|
+
"aliases": [
|
|
6724
|
+
"metric card",
|
|
6725
|
+
"kpi",
|
|
6726
|
+
"kpi card",
|
|
6727
|
+
"stat tile",
|
|
6728
|
+
"stats card"
|
|
6729
|
+
]
|
|
6524
6730
|
},
|
|
6525
6731
|
{
|
|
6526
6732
|
"name": "Stepper",
|
|
@@ -6581,7 +6787,13 @@
|
|
|
6581
6787
|
"requiresAccessibleName": false
|
|
6582
6788
|
},
|
|
6583
6789
|
"since": "0.1.0",
|
|
6584
|
-
"example": "import { Stepper } from '@sakaniui/react';\n\n<Stepper steps={[{ label: \"Label\" }]} current={1} />"
|
|
6790
|
+
"example": "import { Stepper } from '@sakaniui/react';\n\n<Stepper steps={[{ label: \"Label\" }]} current={1} />",
|
|
6791
|
+
"aliases": [
|
|
6792
|
+
"wizard",
|
|
6793
|
+
"step indicator",
|
|
6794
|
+
"steps",
|
|
6795
|
+
"multi step"
|
|
6796
|
+
]
|
|
6585
6797
|
},
|
|
6586
6798
|
{
|
|
6587
6799
|
"name": "StepperStep",
|
|
@@ -6895,7 +7107,12 @@
|
|
|
6895
7107
|
"requiresAccessibleName": false
|
|
6896
7108
|
},
|
|
6897
7109
|
"since": "0.1.0",
|
|
6898
|
-
"example": "import { Switch } from '@sakaniui/react';\n\n<Switch />"
|
|
7110
|
+
"example": "import { Switch } from '@sakaniui/react';\n\n<Switch />",
|
|
7111
|
+
"aliases": [
|
|
7112
|
+
"toggle",
|
|
7113
|
+
"toggle switch",
|
|
7114
|
+
"on off switch"
|
|
7115
|
+
]
|
|
6899
7116
|
},
|
|
6900
7117
|
{
|
|
6901
7118
|
"name": "Table",
|
|
@@ -7019,6 +7236,13 @@
|
|
|
7019
7236
|
"description": "Every column `key` must be a field of the row type (`keyof T & string`), so a button column needs a key too. Give the row type an optional `never` field for it and render the control; do not invent a key that is not on the row type, it will not compile.",
|
|
7020
7237
|
"code": "import { Table, IconButton, type TableColumn } from '@sakaniui/react';\nimport { IconTrash } from '@sakaniui/react/icons';\n\ntype Row = { id: number; name: string; actions?: never };\n\nconst rows: Row[] = [{ id: 1, name: 'Olivia Carter' }];\n\nconst columns: TableColumn<Row>[] = [\n { key: 'name', header: 'Customer' },\n {\n key: 'actions',\n header: '',\n align: 'right',\n render: (row) => <IconButton icon={IconTrash} variant=\"destructive\" size=\"sm\" aria-label={`Delete ${row.name}`} />,\n },\n];\n\nexport const Example = () => <Table columns={columns} rows={rows} />;"
|
|
7021
7238
|
}
|
|
7239
|
+
],
|
|
7240
|
+
"aliases": [
|
|
7241
|
+
"datagrid",
|
|
7242
|
+
"data grid",
|
|
7243
|
+
"data table",
|
|
7244
|
+
"grid",
|
|
7245
|
+
"list view"
|
|
7022
7246
|
]
|
|
7023
7247
|
},
|
|
7024
7248
|
{
|
|
@@ -7105,7 +7329,13 @@
|
|
|
7105
7329
|
"requiresAccessibleName": false
|
|
7106
7330
|
},
|
|
7107
7331
|
"since": "0.1.0",
|
|
7108
|
-
"example": "import { Tabs } from '@sakaniui/react';\n\n<Tabs items={[{ value: \"Value\", label: \"Label\" }]} />"
|
|
7332
|
+
"example": "import { Tabs } from '@sakaniui/react';\n\n<Tabs items={[{ value: \"Value\", label: \"Label\" }]} />",
|
|
7333
|
+
"aliases": [
|
|
7334
|
+
"tab bar",
|
|
7335
|
+
"tabbar",
|
|
7336
|
+
"tab navigation",
|
|
7337
|
+
"tabbed"
|
|
7338
|
+
]
|
|
7109
7339
|
},
|
|
7110
7340
|
{
|
|
7111
7341
|
"name": "Tags",
|
|
@@ -7138,7 +7368,13 @@
|
|
|
7138
7368
|
"requiresAccessibleName": false
|
|
7139
7369
|
},
|
|
7140
7370
|
"since": "0.1.0",
|
|
7141
|
-
"example": "import { Tags } from '@sakaniui/react';\n\n<Tags tags={[\"Tag\"]} />"
|
|
7371
|
+
"example": "import { Tags } from '@sakaniui/react';\n\n<Tags tags={[\"Tag\"]} />",
|
|
7372
|
+
"aliases": [
|
|
7373
|
+
"tag list",
|
|
7374
|
+
"chips",
|
|
7375
|
+
"chip list",
|
|
7376
|
+
"labels list"
|
|
7377
|
+
]
|
|
7142
7378
|
},
|
|
7143
7379
|
{
|
|
7144
7380
|
"name": "TeamCard",
|
|
@@ -7267,7 +7503,12 @@
|
|
|
7267
7503
|
"requiresAccessibleName": false
|
|
7268
7504
|
},
|
|
7269
7505
|
"since": "0.1.0",
|
|
7270
|
-
"example": "import { Textarea } from '@sakaniui/react';\n\n<Textarea />"
|
|
7506
|
+
"example": "import { Textarea } from '@sakaniui/react';\n\n<Textarea />",
|
|
7507
|
+
"aliases": [
|
|
7508
|
+
"multiline input",
|
|
7509
|
+
"multi line input",
|
|
7510
|
+
"comment box"
|
|
7511
|
+
]
|
|
7271
7512
|
},
|
|
7272
7513
|
{
|
|
7273
7514
|
"name": "Ticker",
|
|
@@ -7369,7 +7610,14 @@
|
|
|
7369
7610
|
"requiresAccessibleName": false
|
|
7370
7611
|
},
|
|
7371
7612
|
"since": "0.1.0",
|
|
7372
|
-
"example": "import { Toast } from '@sakaniui/react';\n\n<Toast />"
|
|
7613
|
+
"example": "import { Toast } from '@sakaniui/react';\n\n<Toast />",
|
|
7614
|
+
"aliases": [
|
|
7615
|
+
"snackbar",
|
|
7616
|
+
"toaster",
|
|
7617
|
+
"toast notification",
|
|
7618
|
+
"flash message",
|
|
7619
|
+
"transient notification"
|
|
7620
|
+
]
|
|
7373
7621
|
},
|
|
7374
7622
|
{
|
|
7375
7623
|
"name": "Tooltip",
|
|
@@ -7425,7 +7673,12 @@
|
|
|
7425
7673
|
"requiresAccessibleName": false
|
|
7426
7674
|
},
|
|
7427
7675
|
"since": "0.1.0",
|
|
7428
|
-
"example": "import { Tooltip } from '@sakaniui/react';\n\n<Tooltip title=\"Title\">Label</Tooltip>"
|
|
7676
|
+
"example": "import { Tooltip } from '@sakaniui/react';\n\n<Tooltip title=\"Title\">Label</Tooltip>",
|
|
7677
|
+
"aliases": [
|
|
7678
|
+
"hovercard",
|
|
7679
|
+
"hover card",
|
|
7680
|
+
"hint on hover"
|
|
7681
|
+
]
|
|
7429
7682
|
},
|
|
7430
7683
|
{
|
|
7431
7684
|
"name": "TopBar",
|
|
@@ -7555,7 +7808,16 @@
|
|
|
7555
7808
|
"requiresAccessibleName": false
|
|
7556
7809
|
},
|
|
7557
7810
|
"since": "0.1.0",
|
|
7558
|
-
"example": "import { TopBar } from '@sakaniui/react';\n\n<TopBar />"
|
|
7811
|
+
"example": "import { TopBar } from '@sakaniui/react';\n\n<TopBar />",
|
|
7812
|
+
"aliases": [
|
|
7813
|
+
"navbar",
|
|
7814
|
+
"nav bar",
|
|
7815
|
+
"app bar",
|
|
7816
|
+
"appbar",
|
|
7817
|
+
"top navigation",
|
|
7818
|
+
"top nav",
|
|
7819
|
+
"header bar"
|
|
7820
|
+
]
|
|
7559
7821
|
},
|
|
7560
7822
|
{
|
|
7561
7823
|
"name": "TopBarMobile",
|
|
@@ -8447,7 +8709,12 @@
|
|
|
8447
8709
|
"requiresAccessibleName": false
|
|
8448
8710
|
},
|
|
8449
8711
|
"since": "0.3.0",
|
|
8450
|
-
"example": "import { CheckoutFlowBlock } from '@sakaniui/react/blocks';\n\n<CheckoutFlowBlock items={[{ image: \"/images/example.jpg\", name: \"Name\", price: 49, quantity: 1 }]} />"
|
|
8712
|
+
"example": "import { CheckoutFlowBlock } from '@sakaniui/react/blocks';\n\n<CheckoutFlowBlock items={[{ image: \"/images/example.jpg\", name: \"Name\", price: 49, quantity: 1 }]} />",
|
|
8713
|
+
"aliases": [
|
|
8714
|
+
"checkout",
|
|
8715
|
+
"checkout flow",
|
|
8716
|
+
"checkout page"
|
|
8717
|
+
]
|
|
8451
8718
|
},
|
|
8452
8719
|
{
|
|
8453
8720
|
"name": "CRMDashboardBlock",
|
|
@@ -8567,7 +8834,13 @@
|
|
|
8567
8834
|
"requiresAccessibleName": false
|
|
8568
8835
|
},
|
|
8569
8836
|
"since": "0.3.0",
|
|
8570
|
-
"example": "import { CtaBannerBlock } from '@sakaniui/react/blocks';\n\n<CtaBannerBlock title=\"Title\" description=\"Description\" primaryAction={{ label: \"Label\" }} />"
|
|
8837
|
+
"example": "import { CtaBannerBlock } from '@sakaniui/react/blocks';\n\n<CtaBannerBlock title=\"Title\" description=\"Description\" primaryAction={{ label: \"Label\" }} />",
|
|
8838
|
+
"aliases": [
|
|
8839
|
+
"cta",
|
|
8840
|
+
"cta banner",
|
|
8841
|
+
"call to action",
|
|
8842
|
+
"call to action banner"
|
|
8843
|
+
]
|
|
8571
8844
|
},
|
|
8572
8845
|
{
|
|
8573
8846
|
"name": "CurrentPlanBlock",
|
|
@@ -8718,7 +8991,12 @@
|
|
|
8718
8991
|
"requiresAccessibleName": false
|
|
8719
8992
|
},
|
|
8720
8993
|
"since": "0.1.0",
|
|
8721
|
-
"example": "import { DataTableBlock } from '@sakaniui/react/blocks';\n\n<DataTableBlock />"
|
|
8994
|
+
"example": "import { DataTableBlock } from '@sakaniui/react/blocks';\n\n<DataTableBlock />",
|
|
8995
|
+
"aliases": [
|
|
8996
|
+
"data table section",
|
|
8997
|
+
"table section",
|
|
8998
|
+
"records table"
|
|
8999
|
+
]
|
|
8722
9000
|
},
|
|
8723
9001
|
{
|
|
8724
9002
|
"name": "EmailVerificationBlock",
|
|
@@ -8769,7 +9047,12 @@
|
|
|
8769
9047
|
"requiresAccessibleName": false
|
|
8770
9048
|
},
|
|
8771
9049
|
"since": "0.3.0",
|
|
8772
|
-
"example": "import { EmailVerificationBlock } from '@sakaniui/react/blocks';\n\n<EmailVerificationBlock />"
|
|
9050
|
+
"example": "import { EmailVerificationBlock } from '@sakaniui/react/blocks';\n\n<EmailVerificationBlock />",
|
|
9051
|
+
"aliases": [
|
|
9052
|
+
"verify email",
|
|
9053
|
+
"email verification",
|
|
9054
|
+
"confirm email"
|
|
9055
|
+
]
|
|
8773
9056
|
},
|
|
8774
9057
|
{
|
|
8775
9058
|
"name": "FaqBlock",
|
|
@@ -8840,7 +9123,13 @@
|
|
|
8840
9123
|
"requiresAccessibleName": false
|
|
8841
9124
|
},
|
|
8842
9125
|
"since": "0.3.0",
|
|
8843
|
-
"example": "import { FaqBlock } from '@sakaniui/react/blocks';\n\n<FaqBlock title=\"Title\" items={[{ question: \"Question\", answer: \"Answer\" }]} />"
|
|
9126
|
+
"example": "import { FaqBlock } from '@sakaniui/react/blocks';\n\n<FaqBlock title=\"Title\" items={[{ question: \"Question\", answer: \"Answer\" }]} />",
|
|
9127
|
+
"aliases": [
|
|
9128
|
+
"faq",
|
|
9129
|
+
"faqs",
|
|
9130
|
+
"questions and answers",
|
|
9131
|
+
"frequently asked questions"
|
|
9132
|
+
]
|
|
8844
9133
|
},
|
|
8845
9134
|
{
|
|
8846
9135
|
"name": "FeatureGridBlock",
|
|
@@ -8899,7 +9188,12 @@
|
|
|
8899
9188
|
"requiresAccessibleName": false
|
|
8900
9189
|
},
|
|
8901
9190
|
"since": "0.3.0",
|
|
8902
|
-
"example": "import { FeatureGridBlock } from '@sakaniui/react/blocks';\n\n<FeatureGridBlock features={[{ icon: \"Icon\", title: \"Title\", description: \"Description\" }]} />"
|
|
9191
|
+
"example": "import { FeatureGridBlock } from '@sakaniui/react/blocks';\n\n<FeatureGridBlock features={[{ icon: \"Icon\", title: \"Title\", description: \"Description\" }]} />",
|
|
9192
|
+
"aliases": [
|
|
9193
|
+
"features",
|
|
9194
|
+
"feature grid",
|
|
9195
|
+
"features section"
|
|
9196
|
+
]
|
|
8903
9197
|
},
|
|
8904
9198
|
{
|
|
8905
9199
|
"name": "FileUploadPanelBlock",
|
|
@@ -8985,7 +9279,12 @@
|
|
|
8985
9279
|
"requiresAccessibleName": false
|
|
8986
9280
|
},
|
|
8987
9281
|
"since": "0.3.0",
|
|
8988
|
-
"example": "import { ForgotPasswordBlock } from '@sakaniui/react/blocks';\n\n<ForgotPasswordBlock />"
|
|
9282
|
+
"example": "import { ForgotPasswordBlock } from '@sakaniui/react/blocks';\n\n<ForgotPasswordBlock />",
|
|
9283
|
+
"aliases": [
|
|
9284
|
+
"forgot password",
|
|
9285
|
+
"password reset request",
|
|
9286
|
+
"lost password"
|
|
9287
|
+
]
|
|
8989
9288
|
},
|
|
8990
9289
|
{
|
|
8991
9290
|
"name": "FormModalBlock",
|
|
@@ -9140,7 +9439,13 @@
|
|
|
9140
9439
|
"requiresAccessibleName": false
|
|
9141
9440
|
},
|
|
9142
9441
|
"since": "0.3.0",
|
|
9143
|
-
"example": "import { HeroBlock } from '@sakaniui/react/blocks';\n\n<HeroBlock title=\"Title\" description=\"Description\" primaryAction={{ label: \"Label\" }} image=\"/images/example.jpg\" />"
|
|
9442
|
+
"example": "import { HeroBlock } from '@sakaniui/react/blocks';\n\n<HeroBlock title=\"Title\" description=\"Description\" primaryAction={{ label: \"Label\" }} image=\"/images/example.jpg\" />",
|
|
9443
|
+
"aliases": [
|
|
9444
|
+
"hero",
|
|
9445
|
+
"hero section",
|
|
9446
|
+
"landing hero",
|
|
9447
|
+
"header section"
|
|
9448
|
+
]
|
|
9144
9449
|
},
|
|
9145
9450
|
{
|
|
9146
9451
|
"name": "InlineCtaBlock",
|
|
@@ -9238,7 +9543,13 @@
|
|
|
9238
9543
|
"requiresAccessibleName": false
|
|
9239
9544
|
},
|
|
9240
9545
|
"since": "0.1.0",
|
|
9241
|
-
"example": "import { KanbanBoardBlock } from '@sakaniui/react/blocks';\n\n<KanbanBoardBlock />"
|
|
9546
|
+
"example": "import { KanbanBoardBlock } from '@sakaniui/react/blocks';\n\n<KanbanBoardBlock />",
|
|
9547
|
+
"aliases": [
|
|
9548
|
+
"kanban",
|
|
9549
|
+
"kanban board",
|
|
9550
|
+
"task board",
|
|
9551
|
+
"board view"
|
|
9552
|
+
]
|
|
9242
9553
|
},
|
|
9243
9554
|
{
|
|
9244
9555
|
"name": "LiquidDashboardBlock",
|
|
@@ -9359,7 +9670,14 @@
|
|
|
9359
9670
|
"requiresAccessibleName": false
|
|
9360
9671
|
},
|
|
9361
9672
|
"since": "0.3.0",
|
|
9362
|
-
"example": "import { LoginBlock } from '@sakaniui/react/blocks';\n\n<LoginBlock />"
|
|
9673
|
+
"example": "import { LoginBlock } from '@sakaniui/react/blocks';\n\n<LoginBlock />",
|
|
9674
|
+
"aliases": [
|
|
9675
|
+
"login",
|
|
9676
|
+
"login form",
|
|
9677
|
+
"sign in",
|
|
9678
|
+
"signin",
|
|
9679
|
+
"sign in form"
|
|
9680
|
+
]
|
|
9363
9681
|
},
|
|
9364
9682
|
{
|
|
9365
9683
|
"name": "LogoCloudBlock",
|
|
@@ -9400,7 +9718,13 @@
|
|
|
9400
9718
|
"requiresAccessibleName": false
|
|
9401
9719
|
},
|
|
9402
9720
|
"since": "0.3.0",
|
|
9403
|
-
"example": "import { LogoCloudBlock } from '@sakaniui/react/blocks';\n\n<LogoCloudBlock />"
|
|
9721
|
+
"example": "import { LogoCloudBlock } from '@sakaniui/react/blocks';\n\n<LogoCloudBlock />",
|
|
9722
|
+
"aliases": [
|
|
9723
|
+
"logo cloud",
|
|
9724
|
+
"logo wall",
|
|
9725
|
+
"customer logos",
|
|
9726
|
+
"trusted by"
|
|
9727
|
+
]
|
|
9404
9728
|
},
|
|
9405
9729
|
{
|
|
9406
9730
|
"name": "MultistepModalBlock",
|
|
@@ -9834,7 +10158,14 @@
|
|
|
9834
10158
|
"requiresAccessibleName": false
|
|
9835
10159
|
},
|
|
9836
10160
|
"since": "0.3.0",
|
|
9837
|
-
"example": "import { PricingTableBlock } from '@sakaniui/react/blocks';\n\n<PricingTableBlock title=\"Title\" plans={[{ name: \"Name\", price: \"Price\", description: \"Description\", ctaLabel: \"Cta label\", features: [\"Feature\"] }]} />"
|
|
10161
|
+
"example": "import { PricingTableBlock } from '@sakaniui/react/blocks';\n\n<PricingTableBlock title=\"Title\" plans={[{ name: \"Name\", price: \"Price\", description: \"Description\", ctaLabel: \"Cta label\", features: [\"Feature\"] }]} />",
|
|
10162
|
+
"aliases": [
|
|
10163
|
+
"pricing",
|
|
10164
|
+
"pricing table",
|
|
10165
|
+
"pricing section",
|
|
10166
|
+
"pricing plans",
|
|
10167
|
+
"plans"
|
|
10168
|
+
]
|
|
9838
10169
|
},
|
|
9839
10170
|
{
|
|
9840
10171
|
"name": "ProductDetailBlock",
|
|
@@ -10214,7 +10545,12 @@
|
|
|
10214
10545
|
"requiresAccessibleName": false
|
|
10215
10546
|
},
|
|
10216
10547
|
"since": "0.1.0",
|
|
10217
|
-
"example": "import { ProfileSettingsBlock } from '@sakaniui/react/blocks';\n\n<ProfileSettingsBlock />"
|
|
10548
|
+
"example": "import { ProfileSettingsBlock } from '@sakaniui/react/blocks';\n\n<ProfileSettingsBlock />",
|
|
10549
|
+
"aliases": [
|
|
10550
|
+
"profile settings",
|
|
10551
|
+
"account settings",
|
|
10552
|
+
"settings page"
|
|
10553
|
+
]
|
|
10218
10554
|
},
|
|
10219
10555
|
{
|
|
10220
10556
|
"name": "ResetPasswordBlock",
|
|
@@ -10263,7 +10599,12 @@
|
|
|
10263
10599
|
"requiresAccessibleName": false
|
|
10264
10600
|
},
|
|
10265
10601
|
"since": "0.3.0",
|
|
10266
|
-
"example": "import { ResetPasswordBlock } from '@sakaniui/react/blocks';\n\n<ResetPasswordBlock />"
|
|
10602
|
+
"example": "import { ResetPasswordBlock } from '@sakaniui/react/blocks';\n\n<ResetPasswordBlock />",
|
|
10603
|
+
"aliases": [
|
|
10604
|
+
"reset password",
|
|
10605
|
+
"new password",
|
|
10606
|
+
"change password"
|
|
10607
|
+
]
|
|
10267
10608
|
},
|
|
10268
10609
|
{
|
|
10269
10610
|
"name": "SectionFooterBlock",
|
|
@@ -10415,7 +10756,12 @@
|
|
|
10415
10756
|
"requiresAccessibleName": false
|
|
10416
10757
|
},
|
|
10417
10758
|
"since": "0.3.0",
|
|
10418
|
-
"example": "import { ShoppingCartBlock } from '@sakaniui/react/blocks';\n\n<ShoppingCartBlock items={[{ image: \"/images/example.jpg\", name: \"Name\", price: 49, quantity: 1 }]} />"
|
|
10759
|
+
"example": "import { ShoppingCartBlock } from '@sakaniui/react/blocks';\n\n<ShoppingCartBlock items={[{ image: \"/images/example.jpg\", name: \"Name\", price: 49, quantity: 1 }]} />",
|
|
10760
|
+
"aliases": [
|
|
10761
|
+
"cart",
|
|
10762
|
+
"shopping cart",
|
|
10763
|
+
"basket"
|
|
10764
|
+
]
|
|
10419
10765
|
},
|
|
10420
10766
|
{
|
|
10421
10767
|
"name": "SignUpBlock",
|
|
@@ -10485,7 +10831,14 @@
|
|
|
10485
10831
|
"requiresAccessibleName": false
|
|
10486
10832
|
},
|
|
10487
10833
|
"since": "0.3.0",
|
|
10488
|
-
"example": "import { SignUpBlock } from '@sakaniui/react/blocks';\n\n<SignUpBlock />"
|
|
10834
|
+
"example": "import { SignUpBlock } from '@sakaniui/react/blocks';\n\n<SignUpBlock />",
|
|
10835
|
+
"aliases": [
|
|
10836
|
+
"signup",
|
|
10837
|
+
"sign up",
|
|
10838
|
+
"register",
|
|
10839
|
+
"registration",
|
|
10840
|
+
"create account"
|
|
10841
|
+
]
|
|
10489
10842
|
},
|
|
10490
10843
|
{
|
|
10491
10844
|
"name": "TeamSectionBlock",
|
|
@@ -10583,7 +10936,12 @@
|
|
|
10583
10936
|
"requiresAccessibleName": false
|
|
10584
10937
|
},
|
|
10585
10938
|
"since": "0.3.0",
|
|
10586
|
-
"example": "import { TeamSectionBlock } from '@sakaniui/react/blocks';\n\n<TeamSectionBlock title=\"Title\" members={[{ name: \"Name\", role: \"Role\", location: \"Location\", image: \"/images/example.jpg\" }]} />"
|
|
10939
|
+
"example": "import { TeamSectionBlock } from '@sakaniui/react/blocks';\n\n<TeamSectionBlock title=\"Title\" members={[{ name: \"Name\", role: \"Role\", location: \"Location\", image: \"/images/example.jpg\" }]} />",
|
|
10940
|
+
"aliases": [
|
|
10941
|
+
"team",
|
|
10942
|
+
"team section",
|
|
10943
|
+
"meet the team"
|
|
10944
|
+
]
|
|
10587
10945
|
},
|
|
10588
10946
|
{
|
|
10589
10947
|
"name": "TestimonialBlock",
|
|
@@ -10636,7 +10994,12 @@
|
|
|
10636
10994
|
"requiresAccessibleName": false
|
|
10637
10995
|
},
|
|
10638
10996
|
"since": "0.3.0",
|
|
10639
|
-
"example": "import { TestimonialBlock } from '@sakaniui/react/blocks';\n\n<TestimonialBlock testimonials={[{ quote: \"Quote\", authorName: \"Author name\", authorRole: \"Author role\" }]} />"
|
|
10997
|
+
"example": "import { TestimonialBlock } from '@sakaniui/react/blocks';\n\n<TestimonialBlock testimonials={[{ quote: \"Quote\", authorName: \"Author name\", authorRole: \"Author role\" }]} />",
|
|
10998
|
+
"aliases": [
|
|
10999
|
+
"testimonial",
|
|
11000
|
+
"testimonials",
|
|
11001
|
+
"customer quotes"
|
|
11002
|
+
]
|
|
10640
11003
|
},
|
|
10641
11004
|
{
|
|
10642
11005
|
"name": "TwoFactorAuthBlock",
|
|
@@ -10681,7 +11044,15 @@
|
|
|
10681
11044
|
"requiresAccessibleName": false
|
|
10682
11045
|
},
|
|
10683
11046
|
"since": "0.3.0",
|
|
10684
|
-
"example": "import { TwoFactorAuthBlock } from '@sakaniui/react/blocks';\n\n<TwoFactorAuthBlock />"
|
|
11047
|
+
"example": "import { TwoFactorAuthBlock } from '@sakaniui/react/blocks';\n\n<TwoFactorAuthBlock />",
|
|
11048
|
+
"aliases": [
|
|
11049
|
+
"2fa",
|
|
11050
|
+
"two factor",
|
|
11051
|
+
"two factor authentication",
|
|
11052
|
+
"otp",
|
|
11053
|
+
"mfa",
|
|
11054
|
+
"verification code"
|
|
11055
|
+
]
|
|
10685
11056
|
}
|
|
10686
11057
|
],
|
|
10687
11058
|
"utilities": [
|