Sha256: 5909341117606deb9573cebdca1a70240ee11877f062219c104927e3df26cac1
Contents?: true
Size: 1.75 KB
Versions: 23
Compression:
Stored size: 1.75 KB
Contents
name: Error alert
description: Used at the top of the page, to summarise a unsuccessful user action.
accessibility_criteria: |
- should be focused on page load, to ensure the message is noticed by
assistive tech
- Should have a role of `alert` to communicate that is a important and
time sensitive message
examples:
default:
data:
message: Message to alert the user to a unsuccessful action goes here
with_message_and_description:
data:
message: Message to alert the user to a unsuccessful action goes here
description: A further description
long_example:
data:
message: |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquet
dignissim dui, ac laoreet tortor vulputate nec. Aenean quis turpis
orci. Proin semper porttitor ipsum, vel maximus justo rutrum vel.
Morbi volutpat facilisis libero. Donec posuere eget odio non egestas.
Nullam sed neque quis turpis.
with_data_attributes:
description: |
The example shown applies a tracking attribute specifically for use by Google Tag Manager in [Content Publisher](https://github.com/alphagov/content-publisher).
Other data attributes can also be applied as required. Note that the component does not include built in tracking. If this is required consider using the [GA4 link tracker](https://github.com/alphagov/govuk_publishing_components/blob/main/docs/analytics-ga4/trackers/ga4-link-tracker.md).
data:
message: Message to alert the user to a unsuccessful action goes here
description: A further description
data_attributes:
tracking: GTM-123AB
with_specified_id_attribute:
data:
id: test-id
message: Message to alert the user to a unsuccessful action goes here
Version data entries
23 entries across 23 versions & 1 rubygems