arieare ds

components / global

maintenance gate

MaintenanceGate wraps Astro page content and conditionally replaces it with a standardized maintenance card based on environment configuration. It keeps the construction-mode decision in one place while letting apps override copy and back-link details.

field value
group global
import @arieare/ds/MaintenanceGate.astro
source packages/ds/src/components/maintenance/MaintenanceGate.astro
packages/ds/src/components/maintenance/maintenance-panel.css

preview

docs-preview is under construction

This route is paused while content is being refreshed.

component tokens

token source description
--aa-ui-maintenance-bg / --aa-ui-maintenance-ink @arieare/ds/components/maintenance/maintenance-panel.css Sets the maintenance page background and default copy color.
--aa-ui-maintenance-card-bg / --aa-ui-maintenance-card-border @arieare/ds/components/maintenance/maintenance-panel.css Controls the floating card surface and border styling.
--aa-ui-maintenance-kicker-ink / --aa-ui-maintenance-title-ink / --aa-ui-maintenance-link-ink @arieare/ds/components/maintenance/maintenance-panel.css Lets apps retint the kicker, title, and return-link accents.

props

prop type default description
env Record<string, string | undefined> — Environment object inspected for maintenance flags and copy overrides.
defaultSiteName string — Fallback site name shown in the maintenance heading.
defaultMessage string — Optional default body copy override.
defaultBackUrl string — Optional default return-link URL.
backLabel string — Optional label override for the return link.
kicker / className string — Optional kicker copy and outer wrapper class override for the maintenance panel.