---
title: Name
description: Use this pattern when you need to ask users for their names
react-link: ?path=/docs/patterns-name--general-name
toc: true
---

{% capture general-name-field %}

    <label class="form-label" for="fullName">Full Name as per NRIC</label>
    <input class="form-control" type="text" id="fullName" autocomplete="name" required />

{% endcapture %}

{% capture multiline-name-field %}
<div class="mb-3">
    <label class="form-label" for="givenName">Given Name</label>
    <input class="f