DOCSEARCHbyAlgolia
Submit Docs

Ionic Framework Documentation

website·Indexed 30 days ago

https://ionic.xuxo.top

Documentation for the Ionic Framework, a toolkit for building high-quality cross-platform apps for iOS, Android, and Web. Includes guides for React, Vue, and Angular integrations, Ionic CLI commands, and Capacitor native APIs such as Camera, Filesystem, Network, and Local Notifications. Covers version v7 and v8, featuring UI component references for Segment, Accordion, and Input, as well as testing best practices and deployment guides.

Tokens
670.8K
Snippets
3.8K
Records
5.6K
Agent score
37%

What's inside Ionic

  1. Overview of the Ionic AccordionGroup component

    The AccordionGroup serves as a container for accordion instances. It manages the state of the accordions within it and provides built-in keyboard navigation.

  2. Overview of the Ionic Card component

    v7
    The Card component is a container used to display content such as text, images, buttons, and lists. While it can be used as a single component, it is typically structured using a combination of specialized sub-components: card-header, card-title, card-subtitle, and card-content.

  3. Overview of the Ionic Card component

    The Card component is a container used to display text, images, buttons, and lists. While it can be used as a single component, it is typically structured using a combination of specialized sub-components: Card Header, Card Title, Card Subtitle, and Card Content.

  4. Overview of Ionic Animations

    v6
    Ionic Animations is a tool for creating complex, platform-agnostic animations without requiring a specific framework or an Ionic app. It leverages the Web Animations API to offload calculations to the browser for better performance and smoothness. If the Web Animations API is unsupported, it falls back to CSS Animations.

  5. Overview of the Ionic FAB container

    v7
    The ion-fab component is a container for one or more FAB buttons. It should be placed in a fixed position so it does not scroll with the content. A FAB must have one primary ion-fab-button and can optionally contain one or more ion-fab-list components that reveal related buttons when the primary button is clicked.

  6. Overview of the Floating Action Button (FAB)

    v7
    The Floating Action Button (FAB) represents the primary action in an application and is circular by default. To make a FAB float in a fixed position above content, it must be wrapped in a <ion-fab> component; otherwise, it will scroll with the page content.

  7. Overview of IonAccordionGroup

    v6
    The Accordion Group is a container for accordion instances. It manages the state of the accordions within it and provides built-in keyboard navigation.

  8. Overview of Apache Cordova

    v7
    Apache Cordova is an open-source mobile development framework that converts standard HTML/CSS/JS into native applications. It provides JavaScript APIs to access native device features (e.g., camera, accelerometer) and includes build tools for iOS, Android, and Windows Phone.

  9. Overview of the Note component

    The Note component is used to display supplementary information or metadata as subtitle text. By default, these elements are styled in gray and are commonly used within items to provide additional context.

  10. Overview of testing tools for @ionic/react

    Testing applications built with @ionic/react involves a combination of specialized tools and libraries. Depending on the testing goal, developers typically use the following stack:

    • For unit testing: Jest, Vitest, and React Testing Library.
    • For integration testing: Cypress or Playwright.

  11. Overview of the Ionic Backdrop component

    v7
    The Backdrop component is a full-screen overlay used to cover other components. It is typically placed behind components that transition into view and can be used to dismiss those components. By default, the backdrop prevents interaction (clicks or touches) with the content behind it.

  12. Overview of the Item Group component

    v6
    The Item Group component serves as a container to organize similar items together. It can be used to group standard items, include item dividers to split content into multiple sections, or group sliding items.