ModalBottomSheet |
ModalBottomSheet é uma caixa de diálogo que exibe um conjunto de opções. |
ion-action-sheet |
-- |
AlertDialog |
AlertDialog é uma ferramenta útil que alerta o usuário do aplicativo. É um pop-up no meio da tela que coloca uma sobreposição no fundo. Geralmente, é usado para confirmar uma das ações potencialmente irreversíveis do usuário. |
ion-alert |
-- |
Badge |
Badges podem ser usados para um marcador adicional para qualquer widget, por exemplo, mostrar vários itens em um carrinho de compras. |
ion-badge |
-- |
RaisedButton |
Botão com sombra |
ion-button |
-- |
Card |
Card tem cantos ligeiramente arredondados e uma sombra. |
ion-card |
-- |
Checkbox |
Caixa de seleção |
ion-checkbox |
-- |
Chip |
Chips são elementos compactos que representam um atributo, texto, entidade ou ação. |
ion-chip |
-- |
Container |
Container fornece uma área de conteúdo fácil de usar, com alguns métodos úteis para controlar. |
ion-content |
-- |
DatePicker |
Seletor de datas e horas pelos usuários. |
ion-datetime |
-- |
FloatingActionButton |
Botão de ícone circular que serve para promover uma ação principal no aplicativo. |
ion-fab |
-- |
GridView |
Exibir seus itens como uma grade |
ion-grid |
-- |
infinite_listview |
ListView com itens que podem ser rolados infinitamente nas duas direções. |
ion-infinite-scroll |
-- |
Icons |
Ícones projetados para uso nos aplicativos |
ion-icon |
-- |
TextFormField |
Widget de entrada para vários tipos: texto, números, telefones, emails, etc. |
ion-input |
-- |
-- |
-- |
ion-item |
-- |
ListView |
As listas são compostas de várias linhas de itens que podem conter texto, botões, alternâncias, ícones, miniaturas e muito mais. |
ion-list |
-- |
Drawer |
Drawer (Menu) é uma gaveta de navegação que desliza pela lateral da visualização atual. |
ion-menu |
-- |
-- |
Um Modal é uma caixa de diálogo que aparece na parte superior do conteúdo do aplicativo e deve ser descartada pelo aplicativo antes que a interação possa continuar. É útil como um componente de seleção quando há muitas opções para escolher ou ao filtrar itens em uma lista, bem como em muitos outros casos de uso. |
ion-modal |
-- |
-- |
Nav é um componente autônomo para carregar componentes arbitrários e enviar novos componentes para a pilha. |
ion-nav |
-- |
DropdownButton |
Pode ser usado para qualquer coisa, mas geralmente é usado para ações de estouro que não cabem na barra de navegação. |
ion-popover |
-- |
FAProgressBar |
Barra de progresso horizontal ou vertical para visualizar a progressão de uma operação e atividade. |
ion-progress-bar |
-- |
Radio |
Geralmente são usados como um conjunto de opções relacionadas dentro de um grupo, mas também podem ser usados sozinhos. |
ion-radio |
-- |
RefreshIndicator |
Puxar para atualizar permite que um usuário desça em uma lista de dados usando o toque para recuperar mais dados. |
ion-refresher |
-- |
ReorderableListView |
Permite que um item de um grupo seja arrastado para alterar sua ordem dentro desse grupo. |
ion-reorder |
-- |
|
|
ion-router |
|
SearchBar |
Campo de texto que pode ser usado para pesquisar em uma coleção. |
ion-searchbar |
|
-- |
-- |
ion-segment |
-- |
DropDownField |
Quando um usuário toca na seleção, uma caixa de diálogo é exibida com todas as opções em uma lista grande e fácil de selecionar. |
ion-select |
-- |
carousel_slider |
Contêiner de várias seções. Cada seção pode ser deslizada ou arrastada entre si. |
ion-slides |
-- |
TabBar |
Exibem um grupo de botões relacionados em uma linha horizontal. |
ion-tabs |
-- |
toast |
Notificação sutil comumente usada em aplicativos modernos. Pode ser usado para fornecer feedback sobre uma operação ou para exibir uma mensagem do sistema. |
ion-toast |
-- |
Switch |
Alterar o estado de uma única opção, elas podem ser ativadas ou desativadas pressionando ou deslizando-as. |
ion-toggle |
-- |
AppBar |
Barra de ferramentas |
ion-toolbar |
-- |