Skip to content

Commit

Permalink
Add landmarkLabel to pagination stories
Browse files Browse the repository at this point in the history
  • Loading branch information
@ahosgood
ahosgood committed Sep 22, 2023
1 parent f03e501 commit 87384ad
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 206 deletions.
1 change: 1 addition & 0 deletions src/nationalarchives/components/pagination/pagination.stories.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import Pagination from "./template.njk";
import macroOptions from "./macro-options.json";

const argTypes = {
landmarkLabel: { control: "text" },
previous: { control: "object" },
items: { control: "object" },
next: { control: "object" },
Expand Down
210 changes: 4 additions & 206 deletions src/nationalarchives/stories/utilities/colour-schemes/colour-schemes.stories.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -590,6 +590,7 @@ const Template = ({ theme, accent }) => {
<div class="tna-column tna-column--full">
${Pagination({
params: {
landmarkLabel: "My dogs 1 results",
previous: {
href: "#",
},
Expand Down Expand Up @@ -671,6 +672,7 @@ const Template = ({ theme, accent }) => {
<div class="tna-column tna-column--full">
${Pagination({
params: {
landmarkLabel: "My dogs 2 results",
previous: {
href: "#",
},
Expand Down Expand Up @@ -752,6 +754,7 @@ const Template = ({ theme, accent }) => {
<div class="tna-column tna-column--full">
${Pagination({
params: {
landmarkLabel: "My dogs 3 results",
previous: {
href: "#",
},
Expand Down Expand Up @@ -833,6 +836,7 @@ const Template = ({ theme, accent }) => {
<div class="tna-column tna-column--full">
${Pagination({
params: {
landmarkLabel: "My dogs 4 results",
previous: {
href: "#",
},
Expand Down Expand Up @@ -879,212 +883,6 @@ const Template = ({ theme, accent }) => {
</div>
</div>
</div>
<!--
<div class="tna-section">
<div class="tna-container">
<div class="tna-column tna-column--full">
${Pagination({
params: {
previous: {
href: "#",
},
items: [
{
number: 1,
href: "#",
},
{
ellipsis: true,
},
{
number: 6,
href: "#",
},
{
number: 7,
current: true,
href: "#",
},
{
number: 8,
href: "#",
},
{
ellipsis: true,
},
{
number: 42,
href: "#",
},
],
next: {
href: "#",
},
classes: "tna-pagination--demo",
},
})}
<div class="tna-button-group">
<a href="#" class="tna-button" role="button">Primary button</a>
<a href="#" class="tna-button tna-button--accent" role="button">Accent button</a>
<a href="" class="tna-button tna-button--plain" role="button">Plain button</a>
</div>
</div>
</div>
</div>
<div class="tna-section tna-background--contrast">
<div class="tna-container">
<div class="tna-column tna-column--full">
${Pagination({
params: {
previous: {
href: "#",
},
items: [
{
number: 1,
href: "#",
},
{
ellipsis: true,
},
{
number: 6,
href: "#",
},
{
number: 7,
current: true,
href: "#",
},
{
number: 8,
href: "#",
},
{
ellipsis: true,
},
{
number: 42,
href: "#",
},
],
next: {
href: "#",
},
classes: "tna-pagination--demo",
},
})}
<div class="tna-button-group">
<a href="#" class="tna-button" role="button">Primary button</a>
<a href="#" class="tna-button tna-button--accent" role="button">Accent button</a>
<a href="" class="tna-button tna-button--plain" role="button">Plain button</a>
</div>
</div>
</div>
</div>
<div class="tna-section tna-background--accent-light">
<div class="tna-container">
<div class="tna-column tna-column--full">
${Pagination({
params: {
previous: {
href: "#",
},
items: [
{
number: 1,
href: "#",
},
{
ellipsis: true,
},
{
number: 6,
href: "#",
},
{
number: 7,
current: true,
href: "#",
},
{
number: 8,
href: "#",
},
{
ellipsis: true,
},
{
number: 42,
href: "#",
},
],
next: {
href: "#",
},
classes: "tna-pagination--demo",
},
})}
<div class="tna-button-group">
<a href="#" class="tna-button" role="button">Primary button</a>
<a href="#" class="tna-button tna-button--accent" role="button">Accent button</a>
<a href="" class="tna-button tna-button--plain" role="button">Plain button</a>
</div>
</div>
</div>
</div>
<div class="tna-section tna-background--accent">
<div class="tna-container">
<div class="tna-column tna-column--full">
${Pagination({
params: {
previous: {
href: "#",
},
items: [
{
number: 1,
href: "#",
},
{
ellipsis: true,
},
{
number: 6,
href: "#",
},
{
number: 7,
current: true,
href: "#",
},
{
number: 8,
href: "#",
},
{
ellipsis: true,
},
{
number: 42,
href: "#",
},
],
next: {
href: "#",
},
classes: "tna-pagination--demo",
},
})}
<div class="tna-button-group">
<a href="#" class="tna-button" role="button">Primary button</a>
<a href="#" class="tna-button tna-button--accent" role="button">Accent button</a>
<a href="" class="tna-button tna-button--plain" role="button">Plain button</a>
</div>
</div>
</div>
</div>
-->
</main>
${Footer({
params: {
Expand Down

0 comments on commit 87384ad

Please sign in to comment.