SiteShell

Portable chrome with resolved host links, active states and compact labels.

Page Chrome

Independent reference host

/** @jsxImportSource @takazudo/zfb/zudo-react */ import { defineStory, type StoryMeta } from '@takazudo-modular/ui-preact/story-contract'; import Header from './header'; import Footer from './footer'; import { model } from './__tests__/model'; const meta: StoryMeta = { title: 'SiteShell', category: 'Page Chrome', description: 'Portable chrome with resolved host links, active states and compact labels.', usage: "import Header from '@takazudo-modular/site-shell/header';", }; export default meta; export const ReferenceHost = defineStory({ name: 'Independent reference host', render: () => ( <> <Header model={model} rows={[model.navigationItems]} /> <Footer model={model} navigationItems={model.navigationItems} siteLabel="reference.test" backToTopLabel="Top" /> </> ), });