{"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":"a041ae96-7a52-54d3-94d0-7270485d6130","children":[],"parent":"ed01c08e-4d37-580a-801f-85a7984fd0fe","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":"e963d54b6514cbe179ea0d9ec281f30f","counter":1313,"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/7c680545/src/pages/patterns/overview.mdx"}}}}