candidate

Input copy

Use this component when you want a user to be able to copy content easily.

Open example in new window

HTML

<label for="input-copy" class="govuk-label">Open data communities url</label>
<input class="govuk-input copy-and-paste"
    name="input-copy" type="text"
    value="http://opendatacommunities.org/id/metropolitan-district-council/leeds" readonly=""
    data-module="input-copy">

Jinja

{%- from "design-system/components/input-copy/macro.html" import dlInputCopy %}
{{ dlInputCopy({
    "label": "Open data communities url",
    "value": "http://opendatacommunities.org/id/metropolitan-district-council/leeds"
}) }}

---

Help improve this page

If you’ve got a question, idea or suggestion share it with the digital land team on github or email us on digitalland@communities.gov.uk