Message box
Used to add a prompt or message under a field or at the end of a form
How to use this component
This element should be used to give further explanation about a form field or information at the end of the form process
Code Resource
<div class="messagebox">
<p>Information you supply is processed by Cardiff Council, which will be processed in line with the requirements of the GDPR and Data Protection Act. For information on how personal data is processed please see the <a href="https://www.cardiff.gov.uk/ENG/Home/New_Disclaimer/Pages/default.aspx" target="_blank" title="Council’s Privacy Notice">Council’s Privacy Notice</a></p>
</div>.messagebox {
color: #272727;
font-size: 1em;
line-height: 1.5em;
text-align: left;
background-color: whitesmoke;
padding: 23px;
float: left;
border: 1px solid #e3e2e2;
border-radius: 6px;
margin-top: 15px;
}Working Example
Information you supply is processed by Cardiff Council, which will be processed in line with the requirements of the GDPR and Data Protection Act. For information on how personal data is processed please see the Council’s Privacy Notice