Component
Subscribe
Let users subscribe to a calendar
How it looks (preview) (preview all)
How to call this component
<%= render "components/subscribe", {
label: "Add bank holidays for England and Wales to your calendar (ICS, 10KB)",
title: "Download these dates so you can add them to a calendar application such as iCal or Outlook",
url: "/"
} %>Accessibility acceptance criteria
Links in the component must:
- accept focus
- be focusable with a keyboard
- be usable with a keyboard
- indicate when they have focus
- change in appearance when touched (in the touch-down state)
- change in appearance when hovered
- be usable with touch
- be usable with voice commands
- have visible text
- have meaningful text
Other examples
With data attributes (preview)
<%= render "components/subscribe", {
label: "Add bank holidays for England and Wales to your calendar (ICS, 10KB)",
title: "Download these dates so you can add them to a calendar application such as iCal or Outlook",
url: "/",
data: {
module: "example-module",
fruit: "banana"
}
} %>