Change Details

== Background/Goal This epic is for improvements to our Codex demo pages, with the goal of making them clear and consistent for use by the community. ===Visual design/user experience improvements: [] All elements included in the content section of the //Components //demo page (e.g., control tables) should take over all the available space. This is in order to make all content properly aligned vertically. [x] The demo site's font stacks should match those of the system (documented in the design tokens): font family sans: `-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'Helvetica', 'Arial', sans-serif` (@font-family-sans) font family serif: `'Linux Libertine', 'Georgia', 'Times', serif` (@font-family-serif) [] The LTR/RTL selector is a perfect use case for a future ToggleButton group component and should be replaced by it whenever possible (T305278) {F35009891 width=33%} [x] The show code/hide code button should be a ToggleButton [] Improve the structure of token documentation pages (T302037) [] Design a theme selector for the component demos (T305271) [] Improve List of Icons (T301038) [] Reorder left menu sections (T305353)

== Background/Goal This epic is for improvements to our Codex demo pages, with the goal of making them clear and consistent for use by the community. ===Visual design/user experience improvements: [] All elements included in the content section of the //Components //demo page (e.g., control tables) should take over all the available space. This is in order to make all content properly aligned vertically. [x] The demo site's font stacks should match those of the system (documented in the design tokens): font family sans: `-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'Helvetica', 'Arial', sans-serif` (@font-family-sans) font family serif: `'Linux Libertine', 'Georgia', 'Times', serif` (@font-family-serif) [x] The LTR/RTL selector is a perfect use case for a future ToggleButton group component and should be replaced by it whenever possible, until then it should use ToggleButton components instead of normal Button (T305278) {F35009891 width=33%} [x] The show code/hide code button should be a ToggleButton [] Improve the structure of token documentation pages (T302037) [] Design a theme selector for the component demos (T305271) [] Improve List of Icons (T301038) [] Reorder left menu sections (T305353)

== Background/Goal This epic is for improvements to our Codex demo pages, with the goal of making them clear and consistent for use by the community. ===Visual design/user experience improvements: [] All elements included in the content section of the //Components //demo page (e.g., control tables) should take over all the available space. This is in order to make all content properly aligned vertically. [x] The demo site's font stacks should match those of the system (documented in the design tokens): font family sans: `-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'Helvetica', 'Arial', sans-serif` (@font-family-sans) font family serif: `'Linux Libertine', 'Georgia', 'Times', serif` (@font-family-serif) [x] The LTR/RTL selector is a perfect use case for a future ToggleButton group component and should be replaced by it whenever possible, until then it should use ToggleButton components instead of normal Button (T305278) {F35009891 width=33%} [x] The show code/hide code button should be a ToggleButton [] Improve the structure of token documentation pages (T302037) [] Design a theme selector for the component demos (T305271) [] Improve List of Icons (T301038) [] Reorder left menu sections (T305353)