Skip to content

Commit 69073ae

Browse files
committed
Minor example formatting fixes
1 parent bf97c8f commit 69073ae

File tree

2 files changed

+25
-9
lines changed

2 files changed

+25
-9
lines changed

content/2.components/button.md

Lines changed: 24 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,9 @@ Use the button component to help users carry out an action like starting an appl
99
See the [GOV.UK Design System documentation on buttons](https://design-system.service.gov.uk/components/button/) for more information on when to use this component.
1010

1111
```vue
12-
<gv-button href="#">Save and continue</gv-button>
12+
<gv-button href="#">
13+
Save and continue
14+
</gv-button>
1315
```
1416

1517
## Using `router-link` or `nuxt-link`
@@ -23,7 +25,9 @@ import { NuxtLink } from '#components';
2325
</script>
2426
2527
<template>
26-
<gv-button :component="NuxtLink" to="/example-page">Save and continue</gv-button>
28+
<gv-button :component="NuxtLink" to="/example-page">
29+
Save and continue
30+
</gv-button>
2731
</template>
2832
```
2933

@@ -39,7 +43,9 @@ function handleClick() {
3943
</script>
4044
4145
<template>
42-
<gv-button @click="handleClick">Save and continue</gv-button>
46+
<gv-button @click="handleClick">
47+
Save and continue
48+
</gv-button>
4349
</template>
4450
```
4551

@@ -48,19 +54,25 @@ function handleClick() {
4854
Set `:is-start-button="true"` to show a start button.
4955

5056
```vue
51-
<gv-button :is-start-button="true">Start now</gv-button>
57+
<gv-button :is-start-button="true">
58+
Start now
59+
</gv-button>
5260
```
5361

5462
## Secondary and warning buttons
5563

5664
Use the `variant` prop to change between primary, secondary and warning buttons.
5765

5866
```vue
59-
<gv-button variant="secondary">Find address</gv-button>
67+
<gv-button variant="secondary">
68+
Find address
69+
</gv-button>
6070
```
6171

6272
```vue
63-
<gv-button variant="warning">Delete account</gv-button>
73+
<gv-button variant="warning">
74+
Delete account
75+
</gv-button>
6476
```
6577

6678
## Grouping buttons
@@ -69,8 +81,12 @@ Wrap buttons in a `gv-button-group` to display them side-by-side on larger scree
6981

7082
```vue
7183
<gv-button-group>
72-
<gv-button>Save and continue</gv-button>
73-
<gv-button variant="secondary">Save as draft</gv-button>
84+
<gv-button>
85+
Save and continue
86+
</gv-button>
87+
<gv-button variant="secondary">
88+
Save as draft
89+
</gv-button>
7490
</gv-button-group>
7591
```
7692

content/2.components/text-input.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const eventName = ref('')
1515
</script>
1616
1717
<template>
18-
<gv-input label="What is the name of the event?" v-model="eventName" :label-is-page-heading="true"/>
18+
<gv-input label="What is the name of the event?" v-model="eventName">
1919
<gv-inset-text v-if="eventName" aria-live="polite">
2020
'{{ eventName }}' will be printed on the poster for your event.
2121
</gv-inset-text>

0 commit comments

Comments
 (0)