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.