# Patterns

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Advanced selection</strong></td><td>Allows users to make an informed selection of items with an editable restitution of data.</td><td></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FQyV28LD3b1YFzU1uNtpm%2FAdvanced%20Selection%20Card.png?alt=media&#x26;token=2dc5caf0-7d39-4dcc-91ad-ff3cfd397fa9">Advanced Selection Card.png</a></td><td><a href="patterns/advanced-selection">advanced-selection</a></td></tr><tr><td></td><td><strong>Configure options</strong></td><td>Simplify user choices in configuring their settings.</td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2F9fcom0YOJyB6EmSXuTkv%2Fconfiguration.png?alt=media&#x26;token=c28c59e3-4205-4947-9caf-9187296d3347">configuration.png</a></td><td><a href="patterns/configure-options">configure-options</a></td></tr><tr><td><strong>Deletion</strong></td><td>Protect users from unintended consequences</td><td></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FheUBo9Qj25TLXezktn4W%2Fcritical-action-pattern-title-card.png?alt=media&#x26;token=7823eb5a-765d-486c-a1f1-c7b14cc3975c">critical-action-pattern-title-card.png</a></td><td><a href="patterns/deletion">deletion</a></td></tr><tr><td><strong>Displaying data</strong></td><td>Datalist or datatable, that is the question.</td><td></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2F5cRA11be5yT8aFFxQXnh%2FDisplaying%20Data%20Card.png?alt=media&#x26;token=f71d4f1a-9fdc-4cc9-a2e6-affcc0d36d3e">Displaying Data Card.png</a></td><td><a href="patterns/displaying-data">displaying-data</a></td></tr><tr><td></td><td><strong>Displaying History</strong></td><td>Tracking changes and progression over time.</td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FL3C9WDHVtIKgP5nJFgkh%2Ftimeline.png?alt=media&#x26;token=2c01ea3b-6f12-4882-af1a-3a9e8c08a517">timeline.png</a></td><td><a href="patterns/displaying-history">displaying-history</a></td></tr><tr><td><strong>Errors</strong></td><td>Allows users to fix problems themselves through thoughtful messaging.</td><td></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FYKwpOiG4thdP8896V1gF%2FErrors%20Card.png?alt=media&#x26;token=9e285c74-c3ed-4dba-8f04-608eb94b418e">Errors Card.png</a></td><td><a href="patterns/errors">errors</a></td></tr><tr><td><strong>Forms</strong></td><td>Allows users to submit or edit information.</td><td></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FiDtsb3qSPBgTVcWWglMa%2FForms%20Card.png?alt=media&#x26;token=a5c85d18-a757-4a28-a370-539b2a4721f1">Forms Card.png</a></td><td><a href="patterns/forms">forms</a></td></tr><tr><td><strong>Loading</strong></td><td>Reduces load time frustration and makes the page feel more responsive.</td><td></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FpHnEcO1QiCk1VQqOb0Hb%2FLoading%20Card.png?alt=media&#x26;token=2596e34a-b01a-4cdd-bb21-ad4b13edb032">Loading Card.png</a></td><td><a href="patterns/loading">loading</a></td></tr><tr><td></td><td><strong>Progressive disclosure</strong></td><td>Reveal gradually information to minimize cognitive load for a more intuitive design experience.</td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FAnIlaGY0V4rKQwCNuAoo%2Fprogressive-disclosure.png?alt=media&#x26;token=9edea56c-e660-4c4f-9c06-f457ff9d4d9c">progressive-disclosure.png</a></td><td><a href="patterns/progressive-disclosure">progressive-disclosure</a></td></tr></tbody></table>