This repository has been archived by the owner on Jul 26, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
enterprise.html
1727 lines (1716 loc) · 80.7 KB
/
enterprise.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en" class="prose md:prose-md lg:prose-xl scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>React-admin Enterprise Edition</title>
<script type="module" crossorigin src="./assets/enterprise-8a6d26ce.js"></script>
<link rel="modulepreload" crossorigin href="./assets/main-28bdfe1a.js">
<link rel="stylesheet" href="./assets/main-75697f84.css">
</head>
<body class="bg-[#00023b]">
<nav class="bg-[#00023b] text-white">
<div
class="mx-auto max-w-screen-xl px-4 py-2 md:px-8 md:py-5 lg:px-16 lg:py-8"
>
<div class="flex h-16 justify-between">
<div class="flex">
<div class="flex flex-shrink-0 items-center gap-1 lg:gap-3">
<img src="./ra-ee.svg" class="h-12 w-auto md:h-16 lg:h-20" />
<span
class="text-[14px] font-semibold leading-[18px] text-[#1bceb9] lg:text-[16px] lg:leading-[20px]"
>Enterprise<br />Edition</span
>
</div>
</div>
<div
class="hidden gap-4 text-[12px] font-semibold leading-[18px] md:flex lg:text-[14px] lg:leading-[21px]"
>
<a
href="#private-modules"
class="inline-flex items-center hover:underline"
>Private modules</a
>
<a href="#support" class="inline-flex items-center hover:underline"
>Support</a
>
<a
href="#professional-services"
class="inline-flex items-center hover:underline"
>Professional services</a
>
<a href="#pricing" class="inline-flex items-center hover:underline"
>Pricing</a
>
<a href="./" class="inline-flex items-center hover:underline"
>Open-source Edition</a
>
</div>
<div class="-mr-2 flex items-center md:hidden">
<button
class="inline-flex items-center justify-center rounded-md p-2 hover:bg-white hover:text-[#1bceb9] focus:outline-none focus:ring-2 focus:ring-inset focus:ring-[#1bceb9]"
aria-controls="mobile-menu"
aria-expanded="false"
>
<span class="sr-only">Open main menu</span>
<svg
class="block h-6 w-6"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
aria-hidden="true"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
/>
</svg>
<svg
class="hidden h-6 w-6"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
aria-hidden="true"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M6 18L18 6M6 6l12 12"
/>
</svg>
</button>
</div>
</div>
</div>
<div class="hidden md:hidden" id="mobile-menu">
<div
class="_space-y-2 _pt-2 _pb-3 text-[14px] font-semibold leading-[21px]"
>
<a href="#private-modules" class="block px-4 py-2 hover:underline"
>Private modules</a
>
<a href="#support" class="block px-4 py-2 hover:underline">Support</a>
<a
href="#professional-services"
class="block px-4 py-2 hover:underline"
>Professional services</a
>
<a href="#pricing" class="block px-4 py-2 hover:underline">Pricing</a>
<a href="./" class="block px-4 py-2 hover:underline"
>Open-source Edition</a
>
</div>
</div>
</nav>
<section
class="relative overflow-hidden bg-[#00023b] bg-bottom bg-no-repeat text-white max-lg:bg-[length:2484px_440px] max-md:bg-[length:2145px_380px]"
>
<svg
id="hero-bg"
fill="none"
class="absolute bottom-20 left-0 right-0 z-0 [--base-scale:1.5] [--min-scale:0.5] sm:bottom-0 sm:[--base-scale:0.9] sm:[--min-scale:0.5] md:[--base-scale:0.8] md:[--min-scale:0.5] lg:[--base-scale:0.55] lg:[--min-scale:0.3]"
viewBox="0 251.873 500 248.128"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 432.36 499.115 L 465.733 375.937 L 125.445 285.763 L 67.639 499.116"
fill="#00023B"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 433.223 499.344 C 433.093 499.816 432.606 500.095 432.128 499.97 C 431.651 499.843 431.366 499.358 431.496 498.887 L 464.638 376.562 L 126.078 286.845 L 68.504 499.345 C 68.375 499.816 67.886 500.096 67.41 499.971 C 66.933 499.844 66.65 499.359 66.777 498.888 L 124.583 285.535 C 124.71 285.064 125.201 284.784 125.677 284.91 L 465.965 375.084 C 466.438 375.21 466.723 375.695 466.598 376.166 L 433.223 499.344 Z"
fill="#1BCEB9"
fill-opacity="0.2"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 453.396 499.115 L 490.621 435.353 L 185.527 261.151 L 46.605 499.115"
fill="#00023B"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 454.168 499.558 C 453.922 499.979 453.372 500.125 452.948 499.881 C 452.518 499.637 452.374 499.096 452.62 498.674 L 489.4 435.677 C 472.542 426.051 185.853 262.36 185.853 262.36 L 47.377 499.558 C 47.131 499.98 46.584 500.125 46.157 499.881 C 45.73 499.638 45.584 499.097 45.83 498.674 L 184.752 260.71 C 184.999 260.288 185.545 260.143 185.972 260.387 L 491.064 434.589 C 491.494 434.833 491.638 435.373 491.393 435.795 L 454.168 499.558 Z"
fill="#1BCEB9"
fill-opacity="0.3"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 499.108 499.115 L 249.999 252.757 L 0.891 499.115"
fill="#00023B"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 499.739 498.49 C 500.087 498.836 500.087 499.395 499.739 499.741 C 499.393 500.085 498.823 500.085 498.476 499.741 L 250.001 254.007 L 1.525 499.741 C 1.177 500.085 0.61 500.085 0.262 499.741 C -0.087 499.395 -0.087 498.836 0.262 498.49 L 249.369 252.132 C 249.718 251.787 250.284 251.787 250.633 252.132 L 499.739 498.49 Z"
fill="#1BCEB9"
fill-opacity="0.4"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 453.396 499.115 L 314.472 261.151 L 9.38 435.353 L 46.604 499.115"
fill="#00023B"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 454.168 498.674 C 454.415 499.096 454.27 499.637 453.841 499.881 C 453.415 500.125 452.865 499.979 452.62 499.558 L 314.147 262.359 L 10.601 435.676 L 47.378 498.673 C 47.624 499.096 47.479 499.636 47.051 499.88 C 46.624 500.124 46.077 499.979 45.831 499.557 L 8.607 435.795 C 8.36 435.372 8.507 434.831 8.934 434.588 L 314.026 260.386 C 314.454 260.142 315 260.286 315.247 260.71 L 454.168 498.673 L 454.168 498.674 Z"
fill="#1BCEB9"
fill-opacity="0.5"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 432.36 499.115 L 374.554 285.762 L 34.267 375.936 L 67.64 499.114"
fill="#00023B"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 433.223 498.888 C 433.349 499.358 433.069 499.843 432.592 499.97 C 432.113 500.095 431.622 499.816 431.496 499.344 L 373.921 286.845 L 35.361 376.561 L 68.504 498.887 C 68.631 499.357 68.349 499.842 67.872 499.969 C 67.396 500.095 66.906 499.815 66.778 499.344 L 33.404 376.165 C 33.276 375.694 33.559 375.209 34.036 375.082 L 374.323 284.91 C 374.799 284.784 375.289 285.063 375.417 285.534 L 433.223 498.887 L 433.223 498.888 Z"
fill="#1BCEB9"
fill-opacity="0.7"
/>
</svg>
<svg
class="absolute bottom-0 left-0 right-0 z-0"
viewBox="0 0 2937 520"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M0 518.207C140.949 233.788 745.099 19.7241 1468.1 19.7241C2191.11 19.7241 2795.25 233.788 2936.21 518.207"
fill="url(#paint0_radial_474_1235)"
/>
<defs>
<radialGradient
id="paint0_radial_474_1235"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(1398.83 591.493) rotate(-0.163042) scale(1217.82 571.765)"
>
<stop stop-color="#1BCEB9" stop-opacity="0.4" />
<stop offset="1" stop-color="#1BCEB9" stop-opacity="0" />
</radialGradient>
</defs>
</svg>
<div class="relative mx-auto max-w-screen-xl px-4 pt-8 md:px-16">
<div class="text-center">
<h1
class="px-4 text-[36px] font-bold leading-[42px] md:px-0 md:text-[48px] md:leading-[54px] lg:text-[60px] lg:leading-[64px]"
>
React-admin<br />
Enterprise Edition
</h1>
<h2
class="mt-4 px-8 text-[18px] font-light leading-[26px] md:mt-8 md:px-8 lg:px-44 lg:text-[21px] lg:leading-[28px] xl:px-64"
>
Professional Features and Support for react-admin
</h2>
<div class="pt-4 md:pt-8">
<a
class="inline-block rounded-full bg-[hsl(173,77%,46%)] px-5 py-4 text-[18px] font-semibold leading-[26px] text-[#00023b] transition-all hover:bg-[hsl(173,77%,60%)] md:px-7"
href="https://react-admin.lemonsqueezy.com/"
>
<svg
aria-hidden="true"
class="-mr-0.5 inline-block h-5 w-5"
fill="currentColor"
>
<path
d="M10.014 9.297 3.64 15.672a1.12 1.12 0 0 1-1.589 0l-1.06-1.06a1.12 1.12 0 0 1 0-1.588l4.52-4.52L.99 3.987a1.12 1.12 0 0 1 0-1.59l1.055-1.068a1.12 1.12 0 0 1 1.59 0l6.374 6.375c.446.44.446 1.153.005 1.594Z"
/>
</svg>
Subscribe now</a
>
</div>
</div>
<div
class="relative mt-12 flex justify-center text-white max-md:mx-auto max-md:flex max-md:max-w-sm max-md:flex-col md:relative md:mt-20 lg:mt-14"
>
<pre
class="top-[44%] left-[-4%] hidden overflow-x-auto rounded-md border bg-[#00023b] p-2 text-[9px] font-normal leading-[11px] text-[#00b3da] md:absolute md:block lg:left-[1%] lg:top-[40%] lg:p-4 lg:text-[11px] lg:leading-[16px] xl:left-[7%] xl:top-[40%]"
><code
><span class="text-[#ffa939]">const</span> MyAppbar <span class="text-[#1bceb9]">=</span> <span class="text-white">()</span> <span class="text-[#1bceb9]">=></span> <span class="text-white">(</span>
<span class="text-[#1bceb9]"><</span>AppBar<span class="text-[#1bceb9]">></span>
<span class="text-[#1bceb9]"><</span>Logo <span class="text-[#1bceb9]">/></span>
<span class="text-[#1bceb9]"><</span>Typography variant="h6" id="react-admin-title" <span class="text-[#1bceb9]">/></span>
<span class="text-[#1bceb9]"><</span>Search <span class="text-[#1bceb9]">/></span>
<span class="text-[#1bceb9]"><</span>ToggleThemeButton darkTheme={<span class="text-[#9870b7]">dark</span>} lightTheme={<span class="text-[#9870b7]">light</span>} <span class="text-[#1bceb9]">/></span>
<span class="text-[#1bceb9]"><</span>LocalesMenuButton languages={<span class="text-[#9870b7]">languages</span>} <span class="text-[#1bceb9]">/></span>
<span class="text-[#1bceb9]"><</span>RefreshIconButton <span class="text-[#1bceb9]">/></span>
<span class="text-[#1bceb9]"><</span>CustomUserMenu <span class="text-[#1bceb9]">/></span>
<span class="text-[#1bceb9]"></</span>AppBar<span class="text-[#1bceb9]">></span>
<span class="text-white">);</span></code
></pre>
<pre
class="top-[-50%] left-[0%] overflow-x-auto rounded-md border bg-[#00023b] p-2 pr-8 text-[9px] font-normal leading-[11px] md:absolute md:top-[2%] md:left-[59%] lg:left-[61%] lg:top-[-5%] lg:p-4 lg:text-[11px] lg:leading-[16px] xl:left-[59%] xl:top-[-5%]"
><code
><span class="text-[#ffa939]">const</span> <span class="text-[#00b3da]">roles</span> = {
editor: [
{ <span class="text-[#9870b7]">action</span>: <span class="text-[#00b3da]">'*'</span>, <span class="text-[#9870b7]">resource</span>: <span class="text-[#00b3da]">'products'</span> },
{ <span class="text-[#9870b7]">action</span>: [<span class="text-[#00b3da]">'read'</span>, <span class="text-[#00b3da]">'write'</span>], <span class="text-[#9870b7]">resource</span>: <span class="text-[#00b3da]">'products.*'</span> },
{ <span class="text-[#9870b7]">action</span>: <span class="text-[#00b3da]">'list'</span>, <span class="text-[#9870b7]">resource</span>: <span class="text-[#00b3da]">'categories'</span> },
],
moderator: [
{ <span class="text-[#9870b7]">action</span>: [<span class="text-[#00b3da]">'list'</span>], <span class="text-[#9870b7]">resource</span>: <span class="text-[#00b3da]">'customers'</span> },
{ <span class="text-[#9870b7]">action</span>: [<span class="text-[#00b3da]">'list'</span>, <span class="text-[#00b3da]">'edit'</span>], <span class="text-[#9870b7]">resource</span>: <span class="text-[#00b3da]">'reviews'</span> },
],
};</code
></pre>
<img
src="./Screen_ee.png"
class="mt-4 md:mt-10 md:h-[302px] md:w-[635px] lg:mt-8 lg:h-[371px] lg:w-[800px]"
/>
</div>
</div>
</section>
<section class="relative bg-[#e7e8f3] text-[#00023b]">
<div class="mx-auto max-w-screen-xl pt-2 md:pt-4 lg:pt-8">
<h1
class="pb-4 text-center text-[12px] font-semibold leading-[26px] md:text-[14px]"
>
Trusted by
</h1>
<div class="relative">
<div
class="lg:w-30 absolute inset-y-0 left-0 z-10 w-10 bg-gradient-to-r from-[#e7e8f3] to-transparent md:w-20"
></div>
<div
class="lg:w-30 absolute inset-y-0 right-0 z-10 w-10 bg-gradient-to-l from-[#e7e8f3] to-transparent md:w-20"
></div>
<div class="overflow-x-auto whitespace-nowrap pb-4 md:pb-8">
<ul class="flex flex-nowrap items-center justify-center gap-8">
<li class="flex-shrink-0">
<img
src="./brands/arte.png"
alt="Arte"
class="h-[15px] w-[61px] lg:h-[22px] lg:w-[90px]"
/>
</li>
<li class="flex-shrink-0">
<img
src="./brands/caritas.png"
alt="Caritas"
class="h-[40px] w-[42px] lg:h-[59px] lg:w-[62px]"
/>
</li>
<li class="flex-shrink-0">
<img
src="./brands/classpass.png"
alt="ClassPass"
class="h-[36px] w-[66px] lg:h-[53px] lg:w-[96px]"
/>
</li>
<li class="flex-shrink-0">
<img
src="./brands/ironman.png"
alt="Ironman"
class="h-[31px] w-[67px] lg:h-[45px] lg:w-[97px]"
/>
</li>
<li class="flex-shrink-0">
<img
src="./brands/lmax-group.png"
alt="LMAX Group"
class="h-[21px] w-[66px] lg:h-[31px] lg:w-[96px]"
/>
</li>
<li class="flex-shrink-0">
<img
src="./brands/mercedes.png"
alt="Mercedes"
class="h-[45px] w-[52px] lg:h-[65px] lg:w-[75px]"
/>
</li>
<li class="flex-shrink-0">
<img
src="./brands/nio.png"
alt="Nio"
class="h-[31px] w-[76px] lg:h-[45px] lg:w-[111px]"
/>
</li>
<li class="flex-shrink-0">
<img
src="./brands/open-sense.png"
alt="Open Sense"
class="h-[13px] w-[84px] lg:h-[19px] lg:w-[123px]"
/>
</li>
<li class="flex-shrink-0">
<img
src="./brands/orange.png"
alt="Orange"
class="h-[36px] w-[36px] lg:h-[53px] lg:w-[53px]"
/>
</li>
<li class="flex-shrink-0">
<img
src="./brands/skoda.png"
alt="Skoda"
class="h-[16px] w-[82px] lg:h-[23px] lg:w-[119px]"
/>
</li>
<li class="flex-shrink-0">
<img
src="./brands/ubisoft.png"
alt="Ubisoft"
class="h-[39px] w-[53px] lg:h-[57px] lg:w-[77px]"
/>
</li>
<li class="flex-shrink-0">
<img
src="./brands/overwolf.png"
alt="Overwolf"
class="h-[38px] w-[38px] lg:h-[55px] lg:w-[56px]"
/>
</li>
</ul>
</div>
</div>
</div>
</section>
<section
class="bg-[#00023b] py-8 px-4 text-white md:py-16 md:px-12 lg:p-24"
>
<div class="mx-auto max-w-screen-xl">
<h1
class="mb-8 text-center text-[32px] font-bold leading-[38px] md:mb-16 md:text-[36px] md:leading-[44px] lg:mb-24 lg:text-[42px] lg:leading-[48px]"
>
What's In The Package?
</h1>
<ul
class="columns-1 gap-16 space-y-8 text-[16px] font-light leading-[22px] md:columns-2 md:text-[18px] md:leading-[26px] lg:gap-24 lg:text-[21px] lg:leading-[28px]"
>
<li class="ml-14 break-inside-avoid-column">
<svg
aria-hidden="true"
class="absolute -ml-14 h-8 w-8"
fill="currentColor"
>
<path
d="M16 .5C24.563.5 31.5 7.438 31.5 16c0 8.563-6.938 15.5-15.5 15.5C7.437 31.5.5 24.562.5 16 .5 7.437 7.438.5 16 .5Zm-1.806 8.975L18.913 14H7.5c-.831 0-1.5.669-1.5 1.5v1c0 .831.669 1.5 1.5 1.5h11.413l-4.72 4.525a1.502 1.502 0 0 0-.024 2.144l.687.681a1.494 1.494 0 0 0 2.119 0l8.294-8.288a1.494 1.494 0 0 0 0-2.118l-8.294-8.3a1.494 1.494 0 0 0-2.119 0l-.687.681a1.51 1.51 0 0 0 .025 2.15Z"
/>
</svg>
Save weeks of development thanks to the
<b class="font-light text-[#1bceb9] md:font-semibold"
>Private Modules</b
>, valid on an unlimited number of domains and projects.
</li>
<li class="ml-14 break-inside-avoid-column">
<svg
aria-hidden="true"
class="absolute -ml-14 h-8 w-8"
fill="currentColor"
>
<path
d="M16 .5C24.563.5 31.5 7.438 31.5 16c0 8.563-6.938 15.5-15.5 15.5C7.437 31.5.5 24.562.5 16 .5 7.437 7.438.5 16 .5Zm-1.806 8.975L18.913 14H7.5c-.831 0-1.5.669-1.5 1.5v1c0 .831.669 1.5 1.5 1.5h11.413l-4.72 4.525a1.502 1.502 0 0 0-.024 2.144l.687.681a1.494 1.494 0 0 0 2.119 0l8.294-8.288a1.494 1.494 0 0 0 0-2.118l-8.294-8.3a1.494 1.494 0 0 0-2.119 0l-.687.681a1.51 1.51 0 0 0 .025 2.15Z"
/>
</svg>
Get
<b class="font-light text-[#1bceb9] md:font-semibold">Support</b>
from experienced react and react-admin developers, who will help you
to find the right information and troubleshoot your bugs.
</li>
<li class="ml-14 break-inside-avoid-column">
<svg
aria-hidden="true"
class="absolute -ml-14 h-8 w-8"
fill="currentColor"
>
<path
d="M16 .5C24.563.5 31.5 7.438 31.5 16c0 8.563-6.938 15.5-15.5 15.5C7.437 31.5.5 24.562.5 16 .5 7.437 7.438.5 16 .5Zm-1.806 8.975L18.913 14H7.5c-.831 0-1.5.669-1.5 1.5v1c0 .831.669 1.5 1.5 1.5h11.413l-4.72 4.525a1.502 1.502 0 0 0-.024 2.144l.687.681a1.494 1.494 0 0 0 2.119 0l8.294-8.288a1.494 1.494 0 0 0 0-2.118l-8.294-8.3a1.494 1.494 0 0 0-2.119 0l-.687.681a1.51 1.51 0 0 0 .025 2.15Z"
/>
</svg>
Get a
<b class="font-light text-[#1bceb9] md:font-semibold"
>50% Discount on Professional Services</b
>
in case you need coaching, audit, or custom development by our
experts.
</li>
<li class="ml-14 break-inside-avoid-column">
<svg
aria-hidden="true"
class="absolute -ml-14 h-8 w-8"
fill="currentColor"
>
<path
d="M16 .5C24.563.5 31.5 7.438 31.5 16c0 8.563-6.938 15.5-15.5 15.5C7.437 31.5.5 24.562.5 16 .5 7.437 7.438.5 16 .5Zm-1.806 8.975L18.913 14H7.5c-.831 0-1.5.669-1.5 1.5v1c0 .831.669 1.5 1.5 1.5h11.413l-4.72 4.525a1.502 1.502 0 0 0-.024 2.144l.687.681a1.494 1.494 0 0 0 2.119 0l8.294-8.288a1.494 1.494 0 0 0 0-2.118l-8.294-8.3a1.494 1.494 0 0 0-2.119 0l-.687.681a1.51 1.51 0 0 0 .025 2.15Z"
/>
</svg>
Get access to exclusive
<b class="font-light text-[#1bceb9] md:font-semibold"
>Learning Material</b
>, including a Storybook full of examples, and a dedicated demo app.
</li>
<li class="ml-14 break-inside-avoid-column">
<svg
aria-hidden="true"
class="absolute -ml-14 h-8 w-8"
fill="currentColor"
>
<path
d="M16 .5C24.563.5 31.5 7.438 31.5 16c0 8.563-6.938 15.5-15.5 15.5C7.437 31.5.5 24.562.5 16 .5 7.437 7.438.5 16 .5Zm-1.806 8.975L18.913 14H7.5c-.831 0-1.5.669-1.5 1.5v1c0 .831.669 1.5 1.5 1.5h11.413l-4.72 4.525a1.502 1.502 0 0 0-.024 2.144l.687.681a1.494 1.494 0 0 0 2.119 0l8.294-8.288a1.494 1.494 0 0 0 0-2.118l-8.294-8.3a1.494 1.494 0 0 0-2.119 0l-.687.681a1.51 1.51 0 0 0 .025 2.15Z"
/>
</svg>
Prioritize your needs in the react-admin
<b class="font-light text-[#1bceb9] md:font-semibold"
>Development Roadmap</b
>
thanks to a priority vote.<br /><br />
</li>
</ul>
</div>
</section>
<section
id="modules"
class="top-6 bg-[#2e3062] bg-[url:url('/group_3.svg'),url('/group_2.svg')] bg-[length:440px_440px,440px_440px] bg-[position:bottom_-350px_left_-182px,top_-346px_right_-152px] bg-no-repeat px-4 py-24 text-white md:bg-[length:440px_440px,440px_440px] md:bg-[position:bottom_-180px_left_-202px,top_-286px_right_-206px] md:px-12 md:py-16 lg:bg-[length:566px_566px,566px_566px] lg:bg-[position:bottom_6px_left_-128px,top_-332px_right_-268px] lg:py-24 lg:px-24 xl:bg-[length:566px_566px,566px_566px] xl:bg-[position:bottom_-4px_left_-128px,top_-332px_right_-178px]"
id="private-modules"
>
<div class="mx-auto max-w-screen-xl">
<h1
class="mb-8 text-center text-[32px] font-bold leading-[38px] md:text-[36px] md:leading-[44px] lg:mb-10 lg:text-[42px] lg:leading-[48px]"
>
Private modules
</h1>
<p
class="mb-12 text-center text-[18px] leading-[26px] md:mb-24 lg:text-[21px] lg:leading-[28px]"
>
Designed for professional use cases, developed by Marmelab<br />
Check the
<a
class="font-semibold underline hover:no-underline"
href="https://storybook.ra-enterprise.marmelab.com/"
>Storybook</a
>
and the
<a
class="font-semibold underline hover:no-underline"
href="https://marmelab.com/ra-enterprise-demo/#/"
>Enterprise Edition Demo</a
>
for a preview of these modules.
</p>
<div class="space-y-16 lg:space-y-24 xl:space-y-32">
<div id="module-1" class="flex flex-col gap-8 md:flex-row md:gap-16">
<img
src="./rbac_module.png"
class="h-[221px] w-[321px] md:h-[277px] md:w-[400px] lg:h-[370px] lg:w-[535px]"
/>
<div>
<h2 class="mb-8 flex items-start justify-between">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>Role Based Access Control</span
>
<span
class="rounded-md bg-[#1bceb9] px-2 py-0.5 text-[21px] font-bold uppercase leading-[28px] text-[#2e3062] lg:text-[28px] lg:leading-[28px]"
>New!</span
>
</h2>
<ul
class="ml-6 list-disc space-y-2 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-4 lg:text-[21px] lg:leading-[28px]"
>
<li>Low-level Role-Based Access Control primitives</li>
<li>Integrate a powerful permission system with your admin</li>
<li>
Restrict access to resources, records and fields depending on
user roles and permissions
</li>
<li>
Use alternative admin components with pre-set RBAC support
</li>
</ul>
</div>
</div>
<div id="module-2" class="flex flex-col gap-8 md:flex-row md:gap-16">
<img
src="./ed_module.png"
class="h-[221px] w-[321px] md:h-[277px] md:w-[400px] lg:h-[370px] lg:w-[535px]"
/>
<div>
<h2 class="mb-8 flex items-start justify-between">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>Editable Datagrid</span
>
</h2>
<ul
class="ml-6 list-disc space-y-2 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-4 lg:text-[21px] lg:leading-[28px]"
>
<li>Edit data directly in the list view</li>
<li>Add new rows straight from the list</li>
<li>Customize the forms, inputs and buttons</li>
<li>Easy-to-use components and hooks</li>
<li>Supports mutation side effects</li>
</ul>
</div>
</div>
<div id="module-3" class="flex flex-col gap-8 md:flex-row md:gap-16">
<img
src="./fl_module.png"
class="h-[221px] w-[321px] md:h-[277px] md:w-[400px] lg:h-[370px] lg:w-[535px]"
/>
<div>
<h2 class="mb-8 flex items-start justify-between">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>Form Layout</span
>
</h2>
<ul
class="ml-6 list-disc space-y-2 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-4 lg:text-[21px] lg:leading-[28px]"
>
<li>Build advanced forms with alternative layouts</li>
<li>Group inputs with accordion forms and sections</li>
<li>Offer step by step entry with wizard forms</li>
<li>Display a table of contents with long forms</li>
<li>
Open forms without leaving the current page with dialog forms
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section
class="bg-[#00023b] py-8 px-4 text-white md:py-16 md:px-12 lg:p-24"
>
<div class="mx-auto max-w-screen-xl">
<h1
class="mb-8 text-center text-[32px] font-bold leading-[38px] md:mb-16 md:text-[36px] md:leading-[44px] lg:mb-24 lg:text-[42px] lg:leading-[46px]"
>
And also
</h1>
<div
class="mb-8 columns-1 gap-24 space-y-16 md:mb-16 md:columns-2 md:space-y-24 lg:mb-24"
>
<div class="break-inside-avoid-column">
<h2 class="mb-4 flex justify-between lg:mb-6">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>
<svg
aria-hidden="true"
class="mr-2.5 inline-block h-8 w-8"
stroke="currentColor"
>
<rect
width="8"
height="8"
stroke-width="2"
rx="2"
transform="matrix(0 1 1 0 20 20)"
/>
<path stroke-width="2" d="M8 4 4 9.333l4 5.333" />
<path
stroke-width="2"
d="M4 9.334h12c3.771 0 5.657 0 6.828 1.171C24 11.677 24 13.562 24 17.334V20"
/>
</svg>
Navigation</span
>
</h2>
<ul
class="ml-6 list-disc space-y-4 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-6 lg:text-[21px] lg:leading-[28px]"
>
<li>Organize numerous menu entries in a multi-level menu</li>
<li>Display nested resources inside a tree menu</li>
<li>Add a powerful breadcrumb component to your admin</li>
<li>
Present admins with a limited number of resources in a centered
container layout
</li>
</ul>
</div>
<div class="break-inside-avoid-column">
<h2 class="mb-4 flex justify-between lg:mb-6">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>
<svg
aria-hidden="true"
class="mr-2.5 inline-block h-8 w-8"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-width="2"
d="M7.75 7.75A11.667 11.667 0 1 0 16 4.334M16 16 8 8m8-4v2.667M28 16h-2.667M16 25.334V28M6.667 16H4"
/>
</svg>
Realtime</span
>
</h2>
<ul
class="ml-6 list-disc space-y-4 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-6 lg:text-[21px] lg:leading-[28px]"
>
<li>Organize numerous menu entries in a multi-level menu</li>
<li>Display nested resources inside a tree menu</li>
<li>Add a powerful breadcrumb component to your admin</li>
<li>
Present admins with a limited number of resources in a centered
container layout
</li>
</ul>
</div>
<div class="break-inside-avoid-column">
<h2 class="mb-4 flex justify-between lg:mb-6">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>
<svg
aria-hidden="true"
class="mr-2.5 inline-block h-8 w-8"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-width="2"
d="M11 9h5m-5 11h4m-4-5h8m6-.444V9c0-2.828 0-4.243-.879-5.121C23.243 3 21.828 3 19 3h-8c-2.828 0-4.243 0-5.121.879C5 4.757 5 6.172 5 9v14c0 2.828 0 4.243.879 5.121C6.757 29 8.172 29 11 29h4"
/>
<circle
cx="23"
cy="24"
r="4"
stroke-linecap="round"
stroke-width="2"
/>
<path
stroke-linecap="round"
stroke-width="2"
d="m28 29-2-2"
/>
</svg>
Audit Log</span
>
</h2>
<ul
class="ml-6 list-disc space-y-4 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-6 lg:text-[21px] lg:leading-[28px]"
>
<li>Organize numerous menu entries in a multi-level menu</li>
<li>Display nested resources inside a tree menu</li>
<li>Add a powerful breadcrumb component to your admin</li>
<li>
Present admins with a limited number of resources in a centered
container layout
</li>
</ul>
</div>
<div class="break-inside-avoid-column">
<h2 class="mb-4 flex justify-between lg:mb-6">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>
<svg
aria-hidden="true"
class="mr-2.5 inline-block h-8 w-8"
stroke="currentColor"
>
<path
stroke-width="2"
d="M12 18v4.667c0 .942 0 1.414-.293 1.707-.293.293-.764.293-1.707.293H7.333c-.942 0-1.414 0-1.707-.293-.293-.293-.293-.764-.293-1.707V20c0-.943 0-1.414.293-1.707C5.92 18 6.391 18 7.333 18H12Zm8-8V5.333c0-.942 0-1.414.293-1.707.293-.293.764-.293 1.707-.293h2.667c.942 0 1.414 0 1.707.293.293.293.293.765.293 1.707V8c0 .943 0 1.414-.293 1.707-.293.293-.764.293-1.707.293H20Zm0 0-8 8m8 4v4.667c0 .942 0 1.414.293 1.707.293.293.764.293 1.707.293h2.667c.942 0 1.414 0 1.707-.293.293-.293.293-.764.293-1.707V24c0-.943 0-1.414-.293-1.707C26.08 22 25.61 22 24.667 22H20Zm-8-8V9.333c0-.942 0-1.414-.293-1.707-.293-.293-.764-.293-1.707-.293H7.333c-.942 0-1.414 0-1.707.293-.293.293-.293.765-.293 1.707V12c0 .943 0 1.414.293 1.707.293.293.765.293 1.707.293H12Zm0 0 8 8"
/>
</svg>
Relationships</span
>
</h2>
<ul
class="ml-6 list-disc space-y-4 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-6 lg:text-[21px] lg:leading-[28px]"
>
<li>Visualize and edit complex relationships</li>
<li>One-to-many relationships</li>
<li>Many-to-many relationships</li>
<li>
Choose multiple values from a list of references with a dual
list input
</li>
</ul>
</div>
<div class="break-inside-avoid-column">
<h2 class="mb-4 flex justify-between lg:mb-6">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>
<svg aria-hidden="true" class="mr-2.5 inline-block h-8 w-8">
<rect
width="26"
height="22"
x="3"
y="7"
stroke="currentColor"
rx="2"
/>
<path
fill="currentColor"
d="M3 11c0-1.886 0-2.828.586-3.414C4.172 7 5.114 7 7 7h18c1.886 0 2.828 0 3.414.586C29 8.172 29 9.114 29 11v2H3v-2Z"
/>
<path
stroke="currentColor"
stroke-linecap="round"
stroke-width="2"
d="M9 3v4m14-4v4"
/>
</svg>
Calendar</span
>
</h2>
<ul
class="ml-6 list-disc space-y-4 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-6 lg:text-[21px] lg:leading-[28px]"
>
<li>Visualize and edit complex relationships</li>
<li>One-to-many relationships</li>
<li>Many-to-many relationships</li>
<li>
Choose multiple values from a list of references with a dual
list input
</li>
</ul>
</div>
<div class="break-inside-avoid-column">
<h2 class="mb-4 flex justify-between lg:mb-6">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>
<svg aria-hidden="true" class="mr-2.5 inline-block h-8 w-8">
<path
d="M11 4H8.2973C6.17162 4 6.10879 4 5.3453 4.5155C5.01478 4.73867 4.73099 5.02544 4.51015 5.35943C4 6.13094 4 7.20494 4 9.35294V13.8824C4 16.7662 4 18.2082 4.8866 19.1041C5.77319 20 7.20015 20 10.0541 20H21.9459C24.7999 20 26.2268 20 27.1134 19.1041C28 18.2082 28 16.7662 28 13.8824V9.35294C28 7.20494 28 6.13094 27.4899 5.35943C27.269 5.02544 26.9852 4.73867 26.6547 4.5155C25.8912 4 24.8284 4 22.7027 4H20"
stroke="#1BCEB9"
stroke-width="2"
/>
<path
d="M10 11H22"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
<path
d="M10 15L15 15"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
<path
d="M11.5322 3.5C11.5322 2.11929 12.4419 1 13.564 1H17.5005C18.6226 1 19.5322 2.11929 19.5322 3.5C19.5322 4.88071 18.6226 6 17.5005 6H13.564C12.4419 6 11.5322 4.88071 11.5322 3.5Z"
stroke="#1BCEB9"
stroke-width="2"
/>
<path
d="M6.40195 24.1113V29.4298C6.40195 30.2531 6.16362 30.8873 5.68698 31.3324C5.21791 31.7775 4.58238 32 3.78041 32C2.94061 32 2.26726 31.7663 1.76036 31.299C1.25345 30.8317 1 30.1678 1 29.3074H2.92927C2.92927 29.6338 2.99736 29.8822 3.13354 30.0529C3.26972 30.216 3.46643 30.2976 3.72367 30.2976C3.95821 30.2976 4.13979 30.2235 4.2684 30.0751C4.39702 29.9268 4.46133 29.7116 4.46133 29.4298V24.1113H6.40195Z"
fill="#1BCEB9"
/>
<path
d="M10.852 32C10.2695 32 9.74743 31.9073 9.28591 31.7218C8.8244 31.5364 8.45368 31.2619 8.17375 30.8985C7.90138 30.535 7.75763 30.0974 7.7425 29.5855H9.80795C9.83821 29.8748 9.94035 30.0974 10.1144 30.2531C10.2884 30.4015 10.5153 30.4757 10.7953 30.4757C11.0828 30.4757 11.3098 30.4126 11.4762 30.2865C11.6426 30.153 11.7259 29.9713 11.7259 29.7413C11.7259 29.5484 11.6578 29.389 11.5216 29.2629C11.393 29.1368 11.2303 29.0329 11.0336 28.9513C10.8445 28.8697 10.5721 28.777 10.2165 28.6732C9.70203 28.5174 9.28213 28.3616 8.9568 28.2058C8.63148 28.0501 8.35154 27.8201 8.11701 27.516C7.88247 27.2119 7.7652 26.815 7.7652 26.3255C7.7652 25.5985 8.03378 25.0311 8.57095 24.6231C9.10812 24.2077 9.80795 24 10.6704 24C11.5481 24 12.2555 24.2077 12.7926 24.6231C13.3298 25.0311 13.6173 25.6022 13.6551 26.3366H11.5556C11.5405 26.0844 11.4459 25.8878 11.2719 25.7469C11.0979 25.5985 10.8747 25.5243 10.6024 25.5243C10.3678 25.5243 10.1787 25.5874 10.0349 25.7135C9.89117 25.8322 9.8193 26.0065 9.8193 26.2364C9.8193 26.4886 9.94035 26.6852 10.1825 26.8261C10.4246 26.9671 10.8028 27.1191 11.3173 27.2823C11.8318 27.4529 12.2479 27.6161 12.5657 27.7719C12.891 27.9277 13.1709 28.1539 13.4055 28.4506C13.64 28.7473 13.7573 29.1293 13.7573 29.5967C13.7573 30.0417 13.64 30.446 13.4055 30.8095C13.1785 31.1729 12.8456 31.4622 12.4068 31.6773C11.968 31.8924 11.4497 32 10.852 32Z"
fill="#1BCEB9"
/>
<path
d="M18.7193 32C17.9703 32 17.2818 31.8294 16.6538 31.4882C16.0334 31.147 15.5379 30.6722 15.1672 30.064C14.804 29.4483 14.6224 28.7585 14.6224 27.9944C14.6224 27.2304 14.804 26.5443 15.1672 25.936C15.5379 25.3278 16.0334 24.853 16.6538 24.5118C17.2818 24.1706 17.9703 24 18.7193 24C19.4683 24 20.153 24.1706 20.7734 24.5118C21.4013 24.853 21.8931 25.3278 22.2487 25.936C22.6119 26.5443 22.7934 27.2304 22.7934 27.9944C22.7934 28.7585 22.6119 29.4483 22.2487 30.064C21.8855 30.6722 21.3938 31.147 20.7734 31.4882C20.153 31.8294 19.4683 32 18.7193 32ZM18.7193 30.2643C19.3548 30.2643 19.8617 30.0566 20.24 29.6412C20.6259 29.2258 20.8188 28.6769 20.8188 27.9944C20.8188 27.3046 20.6259 26.7557 20.24 26.3477C19.8617 25.9323 19.3548 25.7246 18.7193 25.7246C18.0762 25.7246 17.5617 25.9286 17.1759 26.3366C16.7976 26.7446 16.6084 27.2972 16.6084 27.9944C16.6084 28.6843 16.7976 29.2369 17.1759 29.6523C17.5617 30.0603 18.0762 30.2643 18.7193 30.2643Z"
fill="#1BCEB9"
/>
<path
d="M31 31.9221H29.0594L25.8137 27.1043V31.9221H23.8731V24.1113H25.8137L29.0594 28.9513V24.1113H31V31.9221Z"
fill="#1BCEB9"
/>
</svg>
JSON Schema Form</span
>
</h2>
<ul
class="ml-6 list-disc space-y-4 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-6 lg:text-[21px] lg:leading-[28px]"
>
<li>Build forms out of a JSON schema</li>
</ul>
</div>
<div class="break-inside-avoid-column">
<h2 class="mb-4 flex justify-between lg:mb-6">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>
<svg class="mr-2.5 inline-block h-8 w-8">
<path
d="M23.5556 1H28C29.1046 1 30 1.89543 30 3V7.44444M23.5556 30H28C29.1046 30 30 29.1046 30 28V23.5556M7.44444 1H3C1.89543 1 1 1.89543 1 3V7.44444M7.44444 30H3C1.89543 30 1 29.1046 1 28V23.5556"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
<path
d="M8 8L15 8"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
<path
d="M8 13H24"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
<path
d="M8 18L18 18"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
<path
d="M8 23L13 23"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
<path
d="M17 23L20 23"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
<path
d="M22 18L24 18"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
</svg>
Markdown</span
>
</h2>
<ul
class="ml-6 list-disc space-y-4 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-6 lg:text-[21px] lg:leading-[28px]"
>
<li>Display formatted markdown, using material-ui styles</li>
<li>
Edit a Markdown field, using a WYSIWYG editor supporting preview
</li>
</ul>
</div>
<div class="break-inside-avoid-column">
<h2 class="mb-4 flex justify-between lg:mb-6">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>
<svg class="mr-2.5 inline-block h-8 w-8">
<path
d="M12 9.3335L17.3333 9.3335"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
<path
d="M12 12.6665L20 12.6665"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
<path
d="M25.3337 14.6667V10C25.3337 7.17157 25.3337 5.75736 24.455 4.87868C23.5763 4 22.1621 4 19.3337 4H12.667C9.83856 4 8.42435 4 7.54567 4.87868C6.66699 5.75736 6.66699 7.17157 6.66699 10V22C6.66699 24.8284 6.66699 26.2426 7.54567 27.1213C8.42435 28 9.83857 28 12.667 28H16.0003"
stroke="#1BCEB9"
stroke-width="2"
/>
<circle
cx="21.5"
cy="21.5"
r="4.5"
stroke="#1BCEB9"
stroke-width="2"
/>
<path
d="M28 28L25 25"
stroke="#1BCEB9"
stroke-width="2"
stroke-linecap="round"
/>
</svg>
Search</span
>
</h2>
<ul
class="ml-6 list-disc space-y-4 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-6 lg:text-[21px] lg:leading-[28px]"
>
<li>
Plug your search engine and let users search across all
resources via a smart Omnibox
</li>
<li>
Let end-users easily find the record they were looking for
through a search history
</li>
</ul>
</div>
<div class="break-inside-avoid-column">
<h2 class="mb-4 flex justify-between lg:mb-6">
<span
class="text-[28px] font-bold leading-[34px] text-[#1bceb9] lg:text-[32px] lg:leading-[40px]"
>
<svg class="mr-2.5 inline-block h-8 w-8">
<path
d="M9.33301 2.6665V7.4665C9.33301 8.58661 9.33301 9.14666 9.55099 9.57448C9.74274 9.95081 10.0487 10.2568 10.425 10.4485C10.8529 10.6665 11.4129 10.6665 12.533 10.6665H19.9997"
stroke="#1BCEB9"
stroke-width="2"
/>
<path
d="M9.33301 6.66667V20.8C9.33301 21.9201 9.33301 22.4802 9.55099 22.908C9.74274 23.2843 10.0487 23.5903 10.425 23.782C10.8529 24 11.4129 24 12.533 24H19.9997"
stroke="#1BCEB9"
stroke-width="2"
/>
<path
d="M20 21.6C20 21.0399 20 20.7599 20.109 20.546C20.2049 20.3578 20.3578 20.2049 20.546 20.109C20.7599 20 21.0399 20 21.6 20H22.6667L24 21.3333H26.4C26.9601 21.3333 27.2401 21.3333 27.454 21.4423C27.6422 21.5382 27.7951 21.6912 27.891 21.8793C28 22.0933 28 22.3733 28 22.9333V26.4C28 26.9601 28 27.2401 27.891 27.454C27.7951 27.6422 27.6422 27.7951 27.454 27.891C27.2401 28 26.9601 28 26.4 28H21.6C21.0399 28 20.7599 28 20.546 27.891C20.3578 27.7951 20.2049 27.6422 20.109 27.454C20 27.2401 20 26.9601 20 26.4V21.6Z"
stroke="#1BCEB9"
stroke-width="2"
stroke-linejoin="round"
/>
<path
d="M20 8.2665C20 7.70645 20 7.42643 20.109 7.21251C20.2049 7.02435 20.3578 6.87137 20.546 6.7755C20.7599 6.6665 21.0399 6.6665 21.6 6.6665H22.6667L24 7.99984H26.4C26.9601 7.99984 27.2401 7.99984 27.454 8.10883C27.6422 8.2047 27.7951 8.35768 27.891 8.54585C28 8.75976 28 9.03978 28 9.59984V13.0665C28 13.6266 28 13.9066 27.891 14.1205C27.7951 14.3087 27.6422 14.4616 27.454 14.5575C27.2401 14.6665 26.9601 14.6665 26.4 14.6665H21.6C21.0399 14.6665 20.7599 14.6665 20.546 14.5575C20.3578 14.4616 20.2049 14.3087 20.109 14.1205C20 13.9066 20 13.6266 20 13.0665V8.2665Z"
stroke="#1BCEB9"
stroke-width="2"
stroke-linejoin="round"
/>
</svg>
Tree</span
>
</h2>
<ul
class="ml-6 list-disc space-y-4 text-[18px] font-light leading-[26px] md:text-[16px] md:leading-[22px] lg:ml-8 lg:space-y-6 lg:text-[21px] lg:leading-[28px]"
>
<li>
Display and edit tree structures like directories, categories,
etc.