Details

Let users reveal more detailed information when they need it.

Related components: Accordion, Form item

Code examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lacinia metus, sed sodales lectus. Aliquam sed volutpat velit. Sed in lacus ut dui placerat accumsan malesuada quis erat. Aenean mi diam, rhoncus vitae justo eu, venenatis maximus nunc. In vel est commodo, porttitor sem vel, tincidunt ipsum. In hac habitasse platea dictumst. Mauris varius mollis dui. Aenean ut dui eu arcu rutrum auctor. Curabitur cursus velit vel libero sollicitudin tincidunt. Proin tincidunt, enim et ultrices rhoncus, nibh leo imperdiet sapien, sed porttitor ipsum nulla non massa. Nulla facilisi.

Show more information for a basic question

This question helps us better understand your situation and ensure that you receive the right information and support.

Example below: Advanced Education - Pay for my education

Additional information to help a user understand and answer a question

Show more information to help a user fill out direct deposit information

Direct deposit information

Find this information on your bank's website or on your personal cheques. Contact your bank if you can't find this information.

Below is an example of where you can find the required bank information on a personal cheque.

Design guidelines

Coming Soon

Join design system drop in hours to get feedback on your service, propose new components or patterns, suggest changes to existing resources, ask questions, and give feedback to the design system. These sessions are for Government of Alberta product teams.
Book time in drop in hours