page
gy-services-new-page
Tier-5 fully-realised composition: the reference shape for the service-creation wizard surface. Renders a hero plus a three-step wizard (`basics` → `runtime` → `review`) with labelled form fields, select inputs, step-indicator badges, and Back/Next navigation; clicking the indicators or the wizard buttons swaps the active step via local Svelte 5 `$state`. The form state itself is intentionally NOT collected — this is a showcase, not a live consumer. Ships with a frozen SERVICES_NEW_PAGE_SAMPLE_DATA showcase so the canon catalogue paints the same pixels every redeploy; consumers MAY override via the `data` prop. Svelte-native per ADR-182 — composes GyPageHero, GyForm, GyFormField, GySelect, GyButton, and GyBadge without a Lit web-component wrapper.
Live
What you ship.
Services
Add a new service.
A fully-realised wizard-shape composition with sample data — the reference shape for the operator service-creation surface. Page primitives compose form atoms into the operator-visible layout that a route mounts.
Basics
Name your service and pick its parent project.
Markup
<script>
import GyServicesNewPage from '@gyrum-labs/svelte/pages/services-new-page/GyServicesNewPage.svelte';
</script>
<GyServicesNewPage />Prop space
| Prop | Type | Default | Description |
|---|---|---|---|
data | ServicesNewPageSampleData | SERVICES_NEW_PAGE_SAMPLE_DATA | Override the showcase sample. Defaults to `SERVICES_NEW_PAGE_SAMPLE_DATA` — the canon-authored, frozen, deterministic 3-step wizard shape that drives the canon catalogue specimen. Most consumers leave this undefined. |
Where this lives
import GyServicesNewPage from '@gyrum-labs/svelte/pages/services-new-page/GyServicesNewPage.svelte';