Documentation

The following documentation is a reference to the elements of IonDesign.

  • Components

  • Buttons

    The component triggers a reaction on press

  • Cards

    Organize the content in collections

  • Chips

    Chips represents lists in small blocks

  • Dialog

    Open a modal with informative texts and UI controls

  • Dividers

    It separates the content in sections

  • Expansion panels

    Expansion panels creates a expansive container

  • Grid lists

    List similar data types in cells arrayed in a vertical and horizontal layout

  • Lists

    List continuous columns of similar data types

  • Menus

    Display contextual choices with a button, action or other control

  • Progress & activitys

    A visual indicator of an app loading content

  • Selection controls

    Allow the user to select options

  • Snackbars & toasts

    Send a brief feedback about an operation to the user

  • Tables

    Display sets of raw data

  • Tabs

    Switch between different views easily

  • Text fields

    Allow the user input, edit and select text

  • Toolbars

    Toolbars appear above the view content

  • Tooltips

    Identy an element when they are actived

  • Personalization

  • Color

    Personalize your color palette

  • Icons

    Utilize the Material icons to visual expression

  • Typography

    Roboto fonts provides a legibility writing

  • IonSelector

  • addClass

    Add classes to an element

  • append

    Appends an element at target

  • appendTo

    Appends an element in other element

  • children

    Gets the chidren elements

  • chips

    Chips function inits the chips component

  • clone

    Clones a DOM element

  • each

    Loop elements

  • find

    Finds inner elements by selector

  • getAttr

    Gets attributes of an element

  • hasClass

    Checks if an element has a class

  • html

    Gets or sets the html of an element

  • insertAfter

    Inserts an element after the current element

  • insertBefore

    Inserts an element before the current elemen

  • next

    Gets next elements

  • on

    Handler events

  • parent

    Gets parent node element

  • parents

    Gets parents elements of an element

  • prepend

    Inserts an element at the first position

  • prependTo

    Inserts an element at the first position of other element

  • prev

    Gets previous elements

  • position

    Gets position x, y, top, left, right and bottom

  • remove

    Removes an element of DOM

  • removeAttr

    Removes an attribute of an element

  • removeClass

    Removes a css class of an element

  • setAttr

    Sets an attribute of an element

  • style

    Applies css styles to elements

  • tabs

    tabs function inits the tabs component

  • toggleClass

    Toggles classes of an element

  • value

    Gets the value attribute of an element

  • view

    Inits the IonView

  • IonFramework

  • createEvent

    Creates a custom event

  • dialog

    Open a dialog, and manage dialog events

  • filter

    Filter an list by parameters

  • get

    Get elements in DOM by selector

  • http

    Performs an ajax connection

  • isUnique

    Check if an item is unique in a list

  • matches

    Returns if an element matches the selector

  • navbar

    Handler open, hide and toggle of the navbar

  • toast

    Show toast

  • IonView

  • get

    Gets a model value of a view

  • set

    Sets the value of a model in a view

  • update

    Updates the value of a model