digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
160 lines (124 loc) • 3.85 kB
HTML
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">Text question</p>
<div>
<p class="govuk-body-s">
I am some text content
</p>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">text bold default</p>
<div>
<p class="govuk-body-s">
I am some bold text content
</p>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">List question</p>
<div>
<ul class="govuk-list govuk-list--bullet govuk-body-s">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">Upload question</p>
<div>
<p class="govuk-body-s">
<a class="govuk-link" href="#upload">View uploaded document</a>
</p>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">Service id question</p>
<div>
<div class="service-id">
<span class="service-id-chunk">1234</span><span class="service-id-chunk">5678</span><span class="service-id-chunk">8765</span><span class="service-id-chunk">4321</span> </div>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">Checkboxes question</p>
<div>
<ul class="govuk-list govuk-list--bullet govuk-body-s">
<li>Checkbox Item 1</li>
<li>Checkbox Item 2</li>
<li>Checkbox Item 3</li>
</ul>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">Checkbox tree question</p>
<div>
<ul class="govuk-list">
<li>
<p class="govuk-!-margin-bottom-1">Parent content 1</p>
<ul class="govuk-list govuk-list--bullet govuk-body-s">
<li>Checkbox Tree Item 1</li>
<li>Checkbox Tree Item 2</li>
<li>Checkbox Tree Item 3</li>
</ul>
</li>
<li>
<p class="govuk-!-margin-bottom-1">Parent content 2</p>
<ul class="govuk-list govuk-list--bullet govuk-body-s">
<li>Checkbox Tree Item 1</li>
<li>Checkbox Tree Item 2</li>
<li>Checkbox Tree Item 3</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">Radios question</p>
<div>
<ul class="govuk-list govuk-list--bullet govuk-body-s">
<li>Radios Item 1</li>
<li>Radios Item 2</li>
<li>Radios Item 3</li>
</ul>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">Boolean question</p>
<div>
<p class="govuk-body-s">
Yes
</p>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">Textbox question</p>
<div>
<p class="govuk-body-s">
I am some textbox content
</p>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">Pricing question</p>
<div>
<p class="govuk-body-s">
I am some pricing content
</p>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">Date question</p>
<div>
<p class="govuk-body-s">
I am some date content
</p>
</div>
</div>
<div class="multiquestion govuk-body-s">
<p class="govuk-body govuk-!-margin-bottom-1">Number question</p>
<div>
<p class="govuk-body-s">
12345
</p>
</div>
</div>