<!-- 1 -->
<form class="c-contact" method="post" action="https://www.ucop.edu/directory-search/index.php">
<input type="hidden" name="first_name" value="Firstname">
<input type="hidden" name="last_name" value="Lastname">
<button name="submit">UCOP Contact Information</button>
</form>
<!-- 2 -->
<a class="c-contact" href="https://cdlib.org">UCSD Contact Information</a>
<!-- 1 -->
<form class="c-contact" method="post" action="https://www.ucop.edu/directory-search/index.php">
<input type="hidden" name="first_name" value="{{ contact.firstname }}">
<input type="hidden" name="last_name" value="{{ contact.lastname }}">
<button name="submit">{{ contact.button.text }}</button>
</form>
<!-- 2 -->
<a class="c-contact" href="https://cdlib.org">{{ contact.link.text }}</a>
/* 1 */
{
"contact": {
"firstname": "Firstname",
"lastname": "Lastname",
"button": {
"text": "UCOP Contact Information"
},
"link": {
"text": "UCSD Contact Information"
}
}
}
/* 2 */
{
"contact": {
"firstname": "Firstname",
"lastname": "Lastname",
"button": {
"text": "UCOP Contact Information"
},
"link": {
"text": "UCSD Contact Information"
}
}
}
Component element styled for either a <button> or <a>.