Layout

skyroc-ui/layout

FreeBlock

skyroc-ui publishes no description for this item.

Install it

npx shadcn@latest add https://ui-play.skyroc.me/r/layout.json

Source

src/components/layout/Layout.tsxui-play.skyroc.me/r/layout.json

1'use client';
2 
3import { useComponentConfig } from '../config-provider/context';
4import LayoutUI from './LayoutUI';
5import type { LayoutProps } from './types';
6 
7const Layout = (props: LayoutProps) => {
8  const config = useComponentConfig('layout');
9 
10  const mergedProps = {
11    ...config,
12    ...props
13  };
14 
15  return (
16    <LayoutUI
17      {...mergedProps}
18    />
19  );
20};
21 
22Layout.displayName = 'Layout';
23 
24export default Layout;

What it pulls in

Other registry items

https://ui-play.skyroc.me/r/style.json

Files it writes

src/components/layout/Layout.tsx
src/components/layout/LayoutFooter.tsx
src/components/layout/LayoutHeader.tsx
src/components/layout/LayoutMain.tsx
src/components/layout/LayoutMobile.tsx
src/components/layout/LayoutRail.tsx
src/components/layout/LayoutRoot.tsx
src/components/layout/LayoutSidebar.tsx
src/components/layout/LayoutTab.tsx
src/components/layout/LayoutTrigger.tsx
src/components/layout/LayoutUI.tsx
src/components/layout/context.tsx
src/components/layout/index.ts
src/components/layout/layout-variants.ts
src/components/layout/types.ts

More from skyroc-ui

All 58 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	skyroc-ui	Blocks	Free	2 deps · 10 files
Alertalert	skyroc-ui	Blocks	Free	1 dep · 9 files
Alert Dialogalert-dialog	skyroc-ui	Blocks	Free	2 deps · 13 files
Arrowarrow	skyroc-ui	Blocks	Free	no deps
Aspect Ratioaspect-ratio	skyroc-ui	Blocks	Free	1 dep · 4 files
Avataravatar	skyroc-ui	Blocks	Free	1 dep · 8 files
Badgebadge	skyroc-ui	Blocks	Free	no deps · 7 files
Bottom Sheetbottom-sheet	skyroc-ui	Blocks	Free	no deps · 12 files