Comments (8)
It is absolutely. It'll be in the next release.
from govuk-components.
I've been thinking over how this might look and think that doing something like this feels sensible:
<%= render GovukComponent::NotificationBanner.new(
title: "Important",
heading: "You have 7 days left to send your application",
link_text: "View application."
link_target: "/applications/12345"
) %>
Additionally, taking a success
flag to make it green and a block so additional content can be placed beneath the heading if required.
Did I miss anything?
from govuk-components.
@peteryates I don't think it makes sense to split out the heading from the link text and link target, as sometimes you may have multiple links, or other unanticipated content (eg two paragraphs?). Even in the simple example given, the full stop after "View application" should not be part of the link text:
It might be better to more closely align with the Nunjucks macro options, and having something like:
<%= render GovukComponent::NotificationBanner.new(
title: "Important",
html: "You have 7 days left to send your application. <a href=\"/applications/12345\">View application</a>."
) %>
(There are other macro options we could also support, such as titleHeadingLevel
, titleId
, disableAutoFocus
, classes
and attributes
)
from govuk-components.
@frankieroberto I'm afraid I didn't see your comment until I'd pushed my first crack at it. I built in classes
and attributes
but definitely agree that titleHeadingLevel
, titleId
and disableAutoFocus
make sense too. Will address fully in #71
from govuk-components.
I've kept the link_text
and link_target
behaviour for the time being. It is my understanding that links inside the component headings need to have the class govuk-notification-banner__link
which is a burden for the developer to remember every time they add a link or pass in a link_to
.
from govuk-components.
Would it be possible to create this banner with this component (i.e. with the unlinked full stop)? https://apply-beta-prototype.herokuapp.com/dashboard/12345/ended-without-success (apply
/bat
)
from govuk-components.
@paulrobertlloyd Yeah, the associated PR (#71) has a screenshot of the docs with an example call and output.
from govuk-components.
@peteryates Perfect, thanks!
from govuk-components.
Related Issues (20)
- Support inverse button style HOT 2
- Add task list component HOT 2
- Add inverse option to Breadcrumbs and Back link components
- Support other design systems HOT 1
- `hide_in_print` option wonβt work for `nhsuk` brand HOT 3
- Axe updates rejecting the accordion section HOT 3
- SVG attribute `viewBox` not correctly capitalised HOT 1
- Default content for header labels does not match latest version of GOV.UK Frontend
- Version 5 release notes HOT 4
- Bug: undefined method `govuk_visually_hidden' (5.0.0 prerelease)
- Update visually hidden text in action links on summary cards
- Slightly out-of-date gem and node package instructions in the upgrade section of the 5.0.0 release notes HOT 1
- Improvements to `new_tab` behaviour HOT 2
- Default title for govuk_tabs
- Update breadcrumbs to accept an array, deprecate hash argument HOT 2
- Lists HOT 6
- Previews for Components HOT 2
- Add `data-module="govuk-button"` to links styled as buttons HOT 1
- Gem can generate invalid duplicate data attributes on buttons
- Notification banner: with_heading can't generate heading tags HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from govuk-components.