Update styleguide

This commit is contained in:
Chris Hill-Scott
2016-01-26 16:20:57 +00:00
parent 86bdd0ad86
commit 4e158e203c
4 changed files with 25 additions and 17 deletions

View File

@@ -22,14 +22,25 @@
<p><a href="https://github.com/alphagov/notifications-admin/blob/master/app/templates/views/styleguide.html">View source</a></p>
<h2 class="heading-large">Banner</h2>
<p>Used to show the result of a users action.</p>
{{ banner("This is a banner", with_tick=True) }}
<p>Used to show the status of a thing or action.</p>
{{ banner("You sent 1,234 text messages", with_tick=True) }}
<div class="grid-row">
<div class="column-one-third">
{{ banner("Delivered 10:20") }}
</div>
</div>
{{ banner(
'Your service is in restricted mode. You can only send notifications to yourself.',
'info'
) }}
{{ banner('Youre not allowed to do this', 'dangerous')}}
{{ banner('Are you sure you want to delete?', 'dangerous', delete_button="Yes, delete this thing")}}
<h2 class="heading-large">Big number</h2>
<p>Used to show some important statistics.</p>