欧洲杯官网投注

Ionic Docs Docs

Native

Search docs/
Search docs/
Ionic Docs Docs
  • ion-badge
  • ion-button
  • ion-ripple-effect
  • ion-card
  • ion-card-content
  • ion-card-headerion-card-subtitleion-card-title
  • ion-checkbox
  • ion-chip
  • ion-app
  • ion-content
  • ion-datetime
  • ion-picker
  • ion-fab
  • ion-fab-button
  • ion-fab-list
  • ion-grid
  • ion-col
  • ion-row
  • ion-infinite-scroll
  • ion-infinite-scroll-content
  • ion-icon
  • Input
  • ion-item
  • ion-item-divider
  • ion-item-groupion-item-slidingion-item-optionsion-item-optionion-labelion-note
  • ion-list
  • ion-list-header
  • ion-virtual-scroll
  • ion-avatar
  • ion-icon
  • ion-img
  • ion-thumbnail
  • ion-menu
  • ion-menu-button
  • ion-menu-toggleion-split-pane
  • ion-modal
  • ion-backdrop
  • ion-nav
  • ion-nav-link
  • ion-popover
  • ion-loading
  • ion-progress-bar
  • ion-skeleton-textion-spinner
  • ion-radio
  • ion-radio-group
  • ion-range
  • ion-refresher
  • ion-refresher-content
  • ion-reorder
  • ion-reorder-group
  • ion-router
  • ion-router-link
  • ion-router-outletion-routeion-route-redirect
  • ion-searchbar
  • ion-segment
  • ion-segment-button
  • ion-select
  • ion-select-option
  • ion-slides
  • ion-slide
  • ion-tabs
  • ion-tab
  • ion-tab-barion-tab-button
  • ion-toast
  • ion-toggle
  • ion-toolbar
  • ion-header
  • ion-footerion-titleion-buttonsion-back-button
  • ion-text
  • API Index
  • UI Components

    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 theAPI Index for a complete list of each component and sub-component.

    Action Sheet

    Action Sheets display a set of options with the ability to confirm or cancel an action.

    Alert
    Alerts are a great way to offer the user the ability to choose a specific action or list of actions.

    Badge
    Badges are a small component that typically communicate a numerical value to the user.

    Button
    欧洲杯官网投注Buttons let your users take action. They're an essential way to interact with and navigate through an app.

    Card

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

    Checkbox
    Checkboxes can be used to let the user know they need to make a binary decision.

    Chip

    Chips are a compact way to display data or actions.

    Content
    欧洲杯官网投注Content is the quintessential way to interact with and navigate through an app.

    Date & Time Pickers

    Date & time pickers are used to present an interface that makes it easy for users to select dates and times.

    Floating Action Button

    Floating action buttons are circular buttons that perform a primary action on a screen.

    Icons

    欧洲杯官网投注Beautifully designed icons for use in web, iOS, Android, and desktop apps.

    Grid

    The grid is a powerful mobile-first system for building custom layouts.

    Infinite Scroll

    欧洲杯官网投注Infinite scroll allows you to load new data as the user scrolls through your app.

    Input
    欧洲杯官网投注Inputs provides a way for users to enter data in your app.

    Item

    Items are an all-purpose UI container that can be used as part of a list.

    List

    Lists can display rows of information, such as a contact list, playlist, or menu.

    Navigation

    欧洲杯官网投注Navigation is how users move between different pages in your app.

    Menu

    Menus are a common navigation pattern. They can be permanently on-screen, or revealed when needed.

    Modal
    欧洲杯官网投注Modals slide in and off screen to display a temporary UI and are often used for login or sign-up pages.

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

    Progress Indicators

    欧洲杯官网投注Progress indicators visualize the progression of an operation or activity.

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

    Refresher
    欧洲杯官网投注Refresher provides pull-to-refresh functionality on a content component.

    Searchbar
    Searchbar is used to search or filter items, usually from a toolbar.

    Reorder
    Reorder lets users drag and drop to reorder a list of items.

    Routing
    欧洲杯官网投注Routing allows navigation based on the current path.

    Segment
    Segments provide a set of exclusive buttons that can be used as a filter or view switcher.

    Select
    Select is similar to the native HTML select, with a few improvements to sorting and selecting.

    Slides
    欧洲杯官网投注Slides make it easy to create complex UI such as galleries, tutorials, and page-based layouts.

    Tabs
    欧洲杯官网投注Tabs enable tabbed navigation, a standard navigation pattern in modern apps.

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

    Toggle
    欧洲杯官网投注Toggles are an input for binary options, often used for options and switches.

    Toolbar
    Toolbars are used to house information and actions relating to your app.