{"componentChunkName":"component---src-pages-components-content-switcher-usage-mdx","path":"/components/content-switcher/usage/","result":{"pageContext":{"frontmatter":{"title":"Content switcher","description":"Content switchers manipulate the content shown following an exclusive or “either/or” pattern. It is used to toggle between two or more content sections within the same space on screen.","tabs":["Code","Usage","Style","Accessibility"]},"relativePagePath":"/components/content-switcher/usage.mdx","titleType":"prepend","MdxNode":{"id":"cde7fc7f-08ae-57e6-beda-60012c965e99","children":[],"parent":"408d6b63-c365-527e-ad5a-cb90a0500085","internal":{"content":"---\ntitle: Content switcher\ndescription: Content switchers manipulate the content shown following an exclusive or “either/or” pattern. It is used to toggle between two or more content sections within the same space on screen.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## General guidance\n\n_Content switcher_ manipulates the content shown following an exclusive or “either/or” pattern.\nIt is used to toggle between two or more content sections within the same space on screen. Only one section can be shown at a time.\n\n#### Text\n\nBe concise and specific. Titles have a max of two words.\n\n#### Default selection\n\nBased on usage, there should be a default selection. The default selection is always the first option in a switcher.\n\n## Related components\n\n#### Content switcher vs. toggle\n\nThe content switcher is used for large groups of content, as opposed to the [toggle](/components/toggle/code) which is meant for a “yes/no” or “on/off” binary decision.\n\n<Row>\n<Column colLg={8}>\n\n![content switcher example](images/content-switcher-usage-1.png)\n\n</Column>\n</Row>\n","type":"Mdx","contentDigest":"68c38e197a1171e1f7ed81dfb87fbf6f","counter":1498,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Content switcher","description":"Content switchers manipulate the content shown following an exclusive or “either/or” pattern. It is used to toggle between two or more content sections within the same space on screen.","tabs":["Code","Usage","Style","Accessibility"]},"exports":{},"rawBody":"---\ntitle: Content switcher\ndescription: Content switchers manipulate the content shown following an exclusive or “either/or” pattern. It is used to toggle between two or more content sections within the same space on screen.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## General guidance\n\n_Content switcher_ manipulates the content shown following an exclusive or “either/or” pattern.\nIt is used to toggle between two or more content sections within the same space on screen. Only one section can be shown at a time.\n\n#### Text\n\nBe concise and specific. Titles have a max of two words.\n\n#### Default selection\n\nBased on usage, there should be a default selection. The default selection is always the first option in a switcher.\n\n## Related components\n\n#### Content switcher vs. toggle\n\nThe content switcher is used for large groups of content, as opposed to the [toggle](/components/toggle/code) which is meant for a “yes/no” or “on/off” binary decision.\n\n<Row>\n<Column colLg={8}>\n\n![content switcher example](images/content-switcher-usage-1.png)\n\n</Column>\n</Row>\n","fileAbsolutePath":"/zeit/1dde86ed/src/pages/components/content-switcher/usage.mdx"}}}}