Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ Ionic Config can also be set on a per-platform basis. For example, this allows y
Since the config is set at runtime, you will not have access to the Platform Dependency Injection. Instead, you can use the underlying functions that the provider uses directly.

In the following example, we are disabling all animations in our Ionic app only if the app is running in a mobile web browser.
The `isPlatform()` call returns `true` or `false` based upon the platform that is passed in. See the [Platform Documentation](platform.md#platforms) for a list of possible values.
The `isPlatform()` call returns `true` or `false` based upon the platform that is passed in. See the [Platform Documentation](platform.mdx#platforms) for a list of possible values.

```tsx
import { isPlatform, IonicModule } from '@ionic/angular';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Here’s the finished app running on all 3 platforms:
></iframe>

:::note
Looking for the previous version of this guide that covered Ionic 4 and Cordova? [See here.](../developer-resources/guides/first-app-v4/intro.md)
Looking for the previous version of this guide that covered Ionic 4 and Cordova? [See here.](../developer-resources/guides/first-app-v4/intro.mdx)
:::

## What We'll Build
Expand Down Expand Up @@ -59,7 +59,7 @@ npm install -g @ionic/cli native-run cordova-res
:::note
The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur.

Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.md#resolving-permission-errors) for more information.
Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../developing/tips.mdx#resolving-permission-errors) for more information.
:::

## Create an App
Expand Down
File renamed without changes.
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@ demoSourceUrl: 'https://github.com/ionic-team/ionic-docs/tree/main/static/demos/
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/action-sheet/props.md';
import Events from '@ionic-internal/component-api/v5/action-sheet/events.md';
import Methods from '@ionic-internal/component-api/v5/action-sheet/methods.md';
import Parts from '@ionic-internal/component-api/v5/action-sheet/parts.md';
import Props from '@ionic-internal/component-api/v5/action-sheet/props.mdx';
import Events from '@ionic-internal/component-api/v5/action-sheet/events.mdx';
import Methods from '@ionic-internal/component-api/v5/action-sheet/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/action-sheet/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/action-sheet/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/action-sheet/slots.md';
import Slots from '@ionic-internal/component-api/v5/action-sheet/slots.mdx';

# ion-action-sheet

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@ demoSourceUrl: 'https://github.com/ionic-team/ionic-docs/tree/main/static/demos/
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/alert/props.md';
import Events from '@ionic-internal/component-api/v5/alert/events.md';
import Methods from '@ionic-internal/component-api/v5/alert/methods.md';
import Parts from '@ionic-internal/component-api/v5/alert/parts.md';
import Props from '@ionic-internal/component-api/v5/alert/props.mdx';
import Events from '@ionic-internal/component-api/v5/alert/events.mdx';
import Methods from '@ionic-internal/component-api/v5/alert/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/alert/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/alert/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/alert/slots.md';
import Slots from '@ionic-internal/component-api/v5/alert/slots.mdx';

# ion-alert

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,12 @@ sidebar_label: 'ion-app'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/app/props.md';
import Events from '@ionic-internal/component-api/v5/app/events.md';
import Methods from '@ionic-internal/component-api/v5/app/methods.md';
import Parts from '@ionic-internal/component-api/v5/app/parts.md';
import Props from '@ionic-internal/component-api/v5/app/props.mdx';
import Events from '@ionic-internal/component-api/v5/app/events.mdx';
import Methods from '@ionic-internal/component-api/v5/app/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/app/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/app/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/app/slots.md';
import Slots from '@ionic-internal/component-api/v5/app/slots.mdx';

# ion-app

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,12 @@ demoSourceUrl: 'https://github.com/ionic-team/ionic-docs/tree/main/static/demos/
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/avatar/props.md';
import Events from '@ionic-internal/component-api/v5/avatar/events.md';
import Methods from '@ionic-internal/component-api/v5/avatar/methods.md';
import Parts from '@ionic-internal/component-api/v5/avatar/parts.md';
import Props from '@ionic-internal/component-api/v5/avatar/props.mdx';
import Events from '@ionic-internal/component-api/v5/avatar/events.mdx';
import Methods from '@ionic-internal/component-api/v5/avatar/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/avatar/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/avatar/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/avatar/slots.md';
import Slots from '@ionic-internal/component-api/v5/avatar/slots.mdx';

# ion-avatar

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,12 @@ demoSourceUrl: 'https://github.com/ionic-team/ionic-docs/tree/main/static/demos/
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/back-button/props.md';
import Events from '@ionic-internal/component-api/v5/back-button/events.md';
import Methods from '@ionic-internal/component-api/v5/back-button/methods.md';
import Parts from '@ionic-internal/component-api/v5/back-button/parts.md';
import Props from '@ionic-internal/component-api/v5/back-button/props.mdx';
import Events from '@ionic-internal/component-api/v5/back-button/events.mdx';
import Methods from '@ionic-internal/component-api/v5/back-button/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/back-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/back-button/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/back-button/slots.md';
import Slots from '@ionic-internal/component-api/v5/back-button/slots.mdx';

# ion-back-button

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@ demoSourceUrl: 'https://github.com/ionic-team/ionic-docs/tree/main/static/demos/
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/backdrop/props.md';
import Events from '@ionic-internal/component-api/v5/backdrop/events.md';
import Methods from '@ionic-internal/component-api/v5/backdrop/methods.md';
import Parts from '@ionic-internal/component-api/v5/backdrop/parts.md';
import Props from '@ionic-internal/component-api/v5/backdrop/props.mdx';
import Events from '@ionic-internal/component-api/v5/backdrop/events.mdx';
import Methods from '@ionic-internal/component-api/v5/backdrop/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/backdrop/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/backdrop/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/backdrop/slots.md';
import Slots from '@ionic-internal/component-api/v5/backdrop/slots.mdx';

# ion-backdrop

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,12 @@ demoSourceUrl: 'https://github.com/ionic-team/ionic-docs/tree/main/static/demos/
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/badge/props.md';
import Events from '@ionic-internal/component-api/v5/badge/events.md';
import Methods from '@ionic-internal/component-api/v5/badge/methods.md';
import Parts from '@ionic-internal/component-api/v5/badge/parts.md';
import Props from '@ionic-internal/component-api/v5/badge/props.mdx';
import Events from '@ionic-internal/component-api/v5/badge/events.mdx';
import Methods from '@ionic-internal/component-api/v5/badge/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/badge/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/badge/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/badge/slots.md';
import Slots from '@ionic-internal/component-api/v5/badge/slots.mdx';

# ion-badge

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@ demoSourceUrl: 'https://github.com/ionic-team/ionic-docs/tree/main/static/demos/
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/button/props.md';
import Events from '@ionic-internal/component-api/v5/button/events.md';
import Methods from '@ionic-internal/component-api/v5/button/methods.md';
import Parts from '@ionic-internal/component-api/v5/button/parts.md';
import Props from '@ionic-internal/component-api/v5/button/props.mdx';
import Events from '@ionic-internal/component-api/v5/button/events.mdx';
import Methods from '@ionic-internal/component-api/v5/button/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/button/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/button/slots.md';
import Slots from '@ionic-internal/component-api/v5/button/slots.mdx';

# ion-button

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@ sidebar_label: 'ion-buttons'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/buttons/props.md';
import Events from '@ionic-internal/component-api/v5/buttons/events.md';
import Methods from '@ionic-internal/component-api/v5/buttons/methods.md';
import Parts from '@ionic-internal/component-api/v5/buttons/parts.md';
import Props from '@ionic-internal/component-api/v5/buttons/props.mdx';
import Events from '@ionic-internal/component-api/v5/buttons/events.mdx';
import Methods from '@ionic-internal/component-api/v5/buttons/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/buttons/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/buttons/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/buttons/slots.md';
import Slots from '@ionic-internal/component-api/v5/buttons/slots.mdx';

# ion-buttons

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,12 @@ sidebar_label: 'ion-card-content'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/card-content/props.md';
import Events from '@ionic-internal/component-api/v5/card-content/events.md';
import Methods from '@ionic-internal/component-api/v5/card-content/methods.md';
import Parts from '@ionic-internal/component-api/v5/card-content/parts.md';
import Props from '@ionic-internal/component-api/v5/card-content/props.mdx';
import Events from '@ionic-internal/component-api/v5/card-content/events.mdx';
import Methods from '@ionic-internal/component-api/v5/card-content/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/card-content/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/card-content/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/card-content/slots.md';
import Slots from '@ionic-internal/component-api/v5/card-content/slots.mdx';

# ion-card-content

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,12 @@ sidebar_label: 'ion-card-header'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/card-header/props.md';
import Events from '@ionic-internal/component-api/v5/card-header/events.md';
import Methods from '@ionic-internal/component-api/v5/card-header/methods.md';
import Parts from '@ionic-internal/component-api/v5/card-header/parts.md';
import Props from '@ionic-internal/component-api/v5/card-header/props.mdx';
import Events from '@ionic-internal/component-api/v5/card-header/events.mdx';
import Methods from '@ionic-internal/component-api/v5/card-header/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/card-header/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/card-header/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/card-header/slots.md';
import Slots from '@ionic-internal/component-api/v5/card-header/slots.mdx';

# ion-card-header

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,12 @@ sidebar_label: 'ion-card-subtitle'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/card-subtitle/props.md';
import Events from '@ionic-internal/component-api/v5/card-subtitle/events.md';
import Methods from '@ionic-internal/component-api/v5/card-subtitle/methods.md';
import Parts from '@ionic-internal/component-api/v5/card-subtitle/parts.md';
import Props from '@ionic-internal/component-api/v5/card-subtitle/props.mdx';
import Events from '@ionic-internal/component-api/v5/card-subtitle/events.mdx';
import Methods from '@ionic-internal/component-api/v5/card-subtitle/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/card-subtitle/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/card-subtitle/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/card-subtitle/slots.md';
import Slots from '@ionic-internal/component-api/v5/card-subtitle/slots.mdx';

# ion-card-subtitle

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,12 @@ sidebar_label: 'ion-card-title'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/card-title/props.md';
import Events from '@ionic-internal/component-api/v5/card-title/events.md';
import Methods from '@ionic-internal/component-api/v5/card-title/methods.md';
import Parts from '@ionic-internal/component-api/v5/card-title/parts.md';
import Props from '@ionic-internal/component-api/v5/card-title/props.mdx';
import Events from '@ionic-internal/component-api/v5/card-title/events.mdx';
import Methods from '@ionic-internal/component-api/v5/card-title/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/card-title/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/card-title/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/card-title/slots.md';
import Slots from '@ionic-internal/component-api/v5/card-title/slots.mdx';

# ion-card-title

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@ demoSourceUrl: 'https://github.com/ionic-team/ionic-docs/tree/main/static/demos/
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/card/props.md';
import Events from '@ionic-internal/component-api/v5/card/events.md';
import Methods from '@ionic-internal/component-api/v5/card/methods.md';
import Parts from '@ionic-internal/component-api/v5/card/parts.md';
import Props from '@ionic-internal/component-api/v5/card/props.mdx';
import Events from '@ionic-internal/component-api/v5/card/events.mdx';
import Methods from '@ionic-internal/component-api/v5/card/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/card/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/card/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/card/slots.md';
import Slots from '@ionic-internal/component-api/v5/card/slots.mdx';

# ion-card

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@ demoSourceUrl: 'https://github.com/ionic-team/ionic-docs/tree/main/static/demos/
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/checkbox/props.md';
import Events from '@ionic-internal/component-api/v5/checkbox/events.md';
import Methods from '@ionic-internal/component-api/v5/checkbox/methods.md';
import Parts from '@ionic-internal/component-api/v5/checkbox/parts.md';
import Props from '@ionic-internal/component-api/v5/checkbox/props.mdx';
import Events from '@ionic-internal/component-api/v5/checkbox/events.mdx';
import Methods from '@ionic-internal/component-api/v5/checkbox/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/checkbox/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/checkbox/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/checkbox/slots.md';
import Slots from '@ionic-internal/component-api/v5/checkbox/slots.mdx';

# ion-checkbox

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,12 @@ demoSourceUrl: 'https://github.com/ionic-team/ionic-docs/tree/main/static/demos/
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/chip/props.md';
import Events from '@ionic-internal/component-api/v5/chip/events.md';
import Methods from '@ionic-internal/component-api/v5/chip/methods.md';
import Parts from '@ionic-internal/component-api/v5/chip/parts.md';
import Props from '@ionic-internal/component-api/v5/chip/props.mdx';
import Events from '@ionic-internal/component-api/v5/chip/events.mdx';
import Methods from '@ionic-internal/component-api/v5/chip/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/chip/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/chip/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/chip/slots.md';
import Slots from '@ionic-internal/component-api/v5/chip/slots.mdx';

# ion-chip

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,23 +5,23 @@ sidebar_label: 'ion-col'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

import Props from '@ionic-internal/component-api/v5/col/props.md';
import Events from '@ionic-internal/component-api/v5/col/events.md';
import Methods from '@ionic-internal/component-api/v5/col/methods.md';
import Parts from '@ionic-internal/component-api/v5/col/parts.md';
import Props from '@ionic-internal/component-api/v5/col/props.mdx';
import Events from '@ionic-internal/component-api/v5/col/events.mdx';
import Methods from '@ionic-internal/component-api/v5/col/methods.mdx';
import Parts from '@ionic-internal/component-api/v5/col/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v5/col/custom-props.mdx';
import Slots from '@ionic-internal/component-api/v5/col/slots.md';
import Slots from '@ionic-internal/component-api/v5/col/slots.mdx';

# ion-col

Columns are cellular components of the [grid](grid.md) system and go inside of a [row](row.md).
Columns are cellular components of the [grid](grid.mdx) system and go inside of a [row](row.mdx).
They will expand to fill their row. All content within a grid should go inside of a column.

See [Grid Layout](../layout/grid.md) for more information.
See [Grid Layout](../layout/grid.mdx) for more information.

## Column Alignment

By default, columns will stretch to fill the entire height of the row. Columns are [flex items](https://developer.mozilla.org/en-US/docs/Glossary/Flex_Item), so there are several [CSS classes](../layout/css-utilities.md#flex-item-properties) that can be applied to a column to customize this behavior.
By default, columns will stretch to fill the entire height of the row. Columns are [flex items](https://developer.mozilla.org/en-US/docs/Glossary/Flex_Item), so there are several [CSS classes](../layout/css-utilities.mdx#flex-item-properties) that can be applied to a column to customize this behavior.

## Properties

Expand Down
Loading