admin built with shadcn/ui -> shadmin :)
-
<FrameProvider/>
- global assets (eg. logo) -
<Frame/>
,useFrameConfig
- app layout base components -
<AppShell/>
- the app layout, built with Frame -
<BlockStack/>
,<InlineStack/>
- base on flex -
<Page/>
- app content layout -
<Layout/>
- layout in page -
<FormLayout/>
-
<PageBreadcrumb/>
-
<PageHeader/>
-
shadmin
(custom tools eg. shadmin.toast.success()) -
<RowAction/>
-
<ContextualSaveBar/>
-
<Icon/>
-
<LegendCard/>
-
<LegendSelect/>
-
<Loading/>
-
<MenuItem/>
-
<Navigation/>
-
<NavigationCollapsed/>
-
<NavigationBlocker/>
-
<Show/>
-
<StatusDot/>
-
<Text/>
-
<IndexTable/>
-
<TableFilters/>
-
<TableTabs/>
-
<TableColumnHeader/>
-
<TableColumnOptions/>
-
<TablePagination/>
-
tableConfig
-
<BulkActions/>
-
<FilterCheckbox/>
-
<FilterDate/>
-
useTableTabs
-
- storybook / reactcosmos
- docs
- Multipart Namespace Components:Addressing RSC and Dot Notation Issues (eg.
<Page.Header/>
-><PageHeader/>
)
src
├───📁 api/
├───📁 assets/
├───📁 components/
│ ├───📁 errors/
│ ├───📁 lib/
│ ├───📁 shared/ # custom components
│ └───📁 ui/ # shadcn components
├───📁 configs/
├───📁 hooks/
├───📁 layouts/
├───📁 lib/
├───📁 mocks/
├───📁 pages/
│ ├───📁 example/ # demo
│ ├───📁 login/
│ └───📁 root/
├───📁 schemas/
├───📄 App.tsx
├───📄 global.css
├───📄 main.tsx
├───📄 routes.tsx
└───📄 vite-env.d.ts