welcome-message

A simple component that outputs an h1 element with the provided message. Currently the heading element will be centered using CSS.

Information

Folder: src/components/patterns/cloud-services/welcome-message

Files

Schema

// src/components/patterns/cloud-services/welcome-message/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /patterns/cloud-services/welcome-message
additionalProperties: false
required:
  - message
properties:
  heading_id:
    type: string
  message:
    type: string

Mocks

// src/components/patterns/cloud-services/welcome-message/mocks.yaml

message: Welcome message

Template

// src/components/patterns/cloud-services/welcome-message/welcome-message.twig

<h1 class="CloudServicesWelcomeMessage" {% if heading_id %} id="{{ heading_id }}" {% endif %}>{{ message }}</h1>

Variants

default

Open