{"componentChunkName":"component---src-pages-patterns-overview-mdx","path":"/patterns/overview/","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Patterns","description":"Patterns are best practice solutions for how a user achieves a goal. They show reusable combinations of components and templates that address common user objectives with sequences and flows."},"relativePagePath":"/patterns/overview.mdx","titleType":"prepend","MdxNode":{"id":"8c7a0cd8-5382-512d-a44c-de240ba5c035","children":[],"parent":"a5077847-315c-5a97-98e5-ecc75c97d5db","internal":{"content":"---\ntitle: Patterns\ndescription: Patterns are best practice solutions for how a user achieves a goal. They show reusable combinations of components and templates that address common user objectives with sequences and flows.\n---\n\n## About patterns\n\nPatterns are best practice solutions for how a user achieves a goal. They show reusable combinations of components and templates that address common user objectives with sequences and flows.\n\n<br />\n\n| Production patterns                            |                                                                                                              |\n| ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |\n| [Common actions](/patterns/common-actions)     | These are the frequently used actions that appear multiple times across different components and workflows.  |\n| [Disabled states](/patterns/disabled-states)   | Are used to completely remove the interactive function of a component.                                       |\n| [Filtering](/patterns/filtering)               | Is the mechanism by which a user adds or removes data items from a displayed data set.                       |\n| [Loading](/patterns/loading)                   | Loading patterns are used when information takes an extended amount of time to process and appear on screen. |\n| [Overflow content](/patterns/overflow-content) | Is text, such as a paragraph or a text string, that exceeds a desired space.                                 |\n","type":"Mdx","contentDigest":"e60fa6aff4718d3bd99b58e3afa6ddcf","counter":1312,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Patterns","description":"Patterns are best practice solutions for how a user achieves a goal. They show reusable combinations of components and templates that address common user objectives with sequences and flows."},"exports":{},"rawBody":"---\ntitle: Patterns\ndescription: Patterns are best practice solutions for how a user achieves a goal. They show reusable combinations of components and templates that address common user objectives with sequences and flows.\n---\n\n## About patterns\n\nPatterns are best practice solutions for how a user achieves a goal. They show reusable combinations of components and templates that address common user objectives with sequences and flows.\n\n<br />\n\n| Production patterns                            |                                                                                                              |\n| ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |\n| [Common actions](/patterns/common-actions)     | These are the frequently used actions that appear multiple times across different components and workflows.  |\n| [Disabled states](/patterns/disabled-states)   | Are used to completely remove the interactive function of a component.                                       |\n| [Filtering](/patterns/filtering)               | Is the mechanism by which a user adds or removes data items from a displayed data set.                       |\n| [Loading](/patterns/loading)                   | Loading patterns are used when information takes an extended amount of time to process and appear on screen. |\n| [Overflow content](/patterns/overflow-content) | Is text, such as a paragraph or a text string, that exceeds a desired space.                                 |\n","fileAbsolutePath":"/zeit/3eb073a4/src/pages/patterns/overview.mdx"}}}}