본문으로 건너뛰기

Components

Ionic provides a comprehensive library of UI components that can be used to build beautiful, native-feeling mobile apps.

Overview​

Ionic components are built using Web Components, which means they work with any framework or no framework at all. Each component is designed to follow platform-specific design guidelines, ensuring your app looks and feels native on iOS, Android, and the web.

Component Categories​

  • ion-nav
  • ion-router
  • ion-tabs
  • ion-menu

Form Components​

  • ion-input
  • ion-textarea
  • ion-checkbox
  • ion-radio
  • ion-select
  • ion-toggle
  • ion-range

Button Components​

  • ion-button
  • ion-fab
  • ion-fab-button

List Components​

  • ion-list
  • ion-item
  • ion-item-group
  • ion-item-sliding

Card Components​

  • ion-card
  • ion-card-content
  • ion-card-header
  • ion-card-title
  • ion-modal
  • ion-popover
  • ion-alert
  • ion-action-sheet
  • ion-loading
  • ion-toast

And Many More...​

Ionic provides over 100 components covering all aspects of mobile app development.

Usage​

Components can be used in Angular, React, Vue, or vanilla JavaScript projects. Each framework has its own integration package:

  • Angular: @ionic/angular
  • React: @ionic/react
  • Vue: @ionic/vue
  • JavaScript: @ionic/core

Next Steps​