diff --git a/docs/components.md b/docs/components.md index 66f5a4d0b1..4d1b2cf28a 100644 --- a/docs/components.md +++ b/docs/components.md @@ -19,7 +19,7 @@ import DocsCards from '@components/global/DocsCards'; `} -Ionic apps are made of high-level building blocks called Components, which allow you to quickly construct the UI for your app. Ionic comes stock with a number of components, including cards, lists, and tabs. Once you’re familiar with the basics, refer to the [API Index](api.md) for a complete list of each component and sub-component. +Ionic apps are made of high-level building blocks called Components, which allow you to quickly construct the UI for your app. Ionic comes stock with a number of components, including cards, lists, and tabs. Once you're familiar with the basics, refer to the [API Index](api.md) for a complete list of each component and sub-component. @@ -49,8 +49,9 @@ Ionic apps are made of high-level building blocks called Components, which allow - -

Cards are a great way to display an important piece of content, and can contain images, buttons, text, and more.

+

+ Cards are a great way to display an important piece of content, and can contain images, buttons, text, and more. +

@@ -85,7 +86,7 @@ Ionic apps are made of high-level building blocks called Components, which allow

Infinite scroll allows you to load new data as the user scrolls through your app.

- +

Inputs provides a way for users to enter data in your app.

@@ -119,10 +120,6 @@ Ionic apps are made of high-level building blocks called Components, which allow

Navigation is how users move between different pages in your app.

- -

OTP inputs offer a simple way to enter one-time passwords using multiple boxes with automatic focus.

-
-

Popover provides an easy way to present information or options without changing contexts.

@@ -135,6 +132,10 @@ Ionic apps are made of high-level building blocks called Components, which allow

Radio inputs allow you to present a set of exclusive options.

+ +

Range sliders let users select a value by dragging a knob along a track.

+
+

Refresher provides pull-to-refresh functionality on a content component.

@@ -164,7 +165,7 @@ Ionic apps are made of high-level building blocks called Components, which allow -

Toast is used to show a notification over the top of an app's content. It can be temporary or dismissible.

+

Toasts are subtle notifications that appear over your app's content without interrupting user interaction.

diff --git a/sidebars.js b/sidebars.js index 115eca2138..bbcc8f72b4 100644 --- a/sidebars.js +++ b/sidebars.js @@ -252,15 +252,15 @@ module.exports = { }, { type: 'category', - label: 'Action Sheet', + label: 'Accordion', collapsed: false, - items: ['api/action-sheet'], + items: ['api/accordion', 'api/accordion-group'], }, { type: 'category', - label: 'Accordion', + label: 'Action Sheet', collapsed: false, - items: ['api/accordion', 'api/accordion-group'], + items: ['api/action-sheet'], }, { type: 'category', @@ -276,7 +276,7 @@ module.exports = { }, { type: 'category', - label: 'Breadcrumb', + label: 'Breadcrumbs', collapsed: false, items: ['api/breadcrumb', 'api/breadcrumbs'], }, @@ -337,19 +337,19 @@ module.exports = { }, { type: 'category', - label: 'Infinite Scroll', + label: 'Icons', collapsed: false, - items: ['api/infinite-scroll', 'api/infinite-scroll-content'], + items: ['api/icon'], }, { type: 'category', - label: 'Icons', + label: 'Infinite Scroll', collapsed: false, - items: ['api/icon'], + items: ['api/infinite-scroll', 'api/infinite-scroll-content'], }, { type: 'category', - label: 'Input', + label: 'Inputs', collapsed: false, items: ['api/input', 'api/input-password-toggle', 'api/input-otp', 'api/textarea'], },