layout

fulldev-ui/layout

FreeComponent

fulldev/ui publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by fulldev/ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://ui.full.dev/r/layout.json

Source

src/components/ui/layout/layout.astroui.full.dev/r/layout.json

1---
2import type { HTMLAttributes } from "astro/types"
3 
4import "@/styles/global.css"
5 
6import { cn } from "@/lib/utils"
7 
8type Props = HTMLAttributes<"html">
9 
10const { class: className, lang, ...props } = Astro.props
11---
12 
13<html
14  class={cn(
15    "bg-background text-foreground has-data-[variant=inset]:bg-sidebar overscroll-none scroll-smooth",
16    className
17  )}
18  data-slot="layout"
19  lang={Astro.currentLocale || "en"}
20  {...props}
21>
22  <slot />
23</html>
24 
25<style is:global>
26  :root {
27    --container: 1280px;
28    color-scheme: light;
29  }
30 
31  .dark {
32    color-scheme: dark;
33  }
34</style>

What it pulls in

npm packages

@lexingtonthemes/seo

Files it writes

src/components/ui/layout/layout.astro
src/components/ui/layout/layout-head.astro
src/components/ui/layout/layout-body.astro
src/components/ui/layout/layout-main.astro
src/components/ui/layout/index.ts

More from fulldev/ui

All 144 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
accordionaccordion	fulldev/ui	Components	Free	1 dep · 5 files
alertalert	fulldev/ui	Components	Free	no deps · 5 files
alert-dialogalert-dialog	fulldev/ui	Components	Free	1 dep · 13 files
avataravatar	fulldev/ui	Components	Free	no deps · 7 files
badgebadge	fulldev/ui	Components	Free	no deps · 3 files
bannerbanner	fulldev/ui	Components	Free	no deps · 3 files
breadcrumbbreadcrumb	fulldev/ui	Components	Free	no deps · 8 files
buttonbutton	fulldev/ui	Components	Free	no deps · 3 files