{% extends 'opal.html' %} {% load forms %} {% block angularapp %}{% endblock %} {% block content %}
Living documentation of the available design patterns for OPAL applications
A way of presenting discrete units of information.
The Body
The Body
The Body
Present the user with an atomic interaction. Modals are based on the Angular UI-Bootstrap Modal.
This area - the Modal Body typically contains either a form or a detailed view of some data pertaining to the parent context.
Modals are available in three sizes - default, large and small.
When we have complex information or interactions, we can use a large modal.
List of items which each have a boolean state.
When used in a form, should be aligned with the form inputs (typically offset-md-3).
List of mutually exclusive items
When used in a form, should be aligned with the form inputs (typically offset-md-3).