<commit_before># ionic-pullup

A pull-up footer component for Ionic. The pull-up footer is a UI component built on top of Ionic's footer and offers an efficient way to hide/reveal information.
The footer can fully expand to cover the content area of the screen or can be configured to expand to a maximum height. The component will compute the available screen height
providing for header and tabs.

- Easily customized
- Uses hardware accelerated CSS - great performance!
- Integrates with Ionic's themes
- Exposes interface for expand/collapse events
- Detects device orientation and adjusts height accordingly
- Works on iOS and Android (requires Chromium WebView available in Android 4.4+ or use Crosswalk)

## Demo

## Install module

To get you started you can simply install via bower

```bower install ionic-pullup```

Then include ```ion-pullup.js``` in your HTML

````
 <script src="js/ion-pullup.js"></script>
````

## Add dependencies to your App
````
angular.module('starter', ['ionic', 'starter.controllers', 'ionic-pullup'])
````

## Directives

### ion-pull-up-footer
Main directive creates the configurable pull-up footer. Theming can be done using Ionic's predefined CSS classes, or custom
inline styles. The pull-up handle will inherit the background color of the main directive by default.

Directive attributes:
- minimize: creates a footer that can be minimized rather than expanded
- default-height: footer height (defaults to Ionic's footer height)
- max-height: specifies the maximum height to expand (whole content area by default)
- on-expand: callback for expand event
- on-collapse: callback for collapse event
- on-minimize: callback for minimize event

````
<ion-pull-up-footer class="bar-energized" on-expand="footerExpand()" on-collapse="footerCollapse()">
...
</ion-pull-up-footer>
````

### ion-pull-up-content
Main content area when footer is expanded. Adding a ```scroll``` attribute will add scrollbars if necessary.

### ion-pull-up-handle
Creates the handle element that can be tapped to expand the footer, or dragged to reveal the footer content. Adding a
```toggle``` attribute will toggle CSS classes when changing states if using Ionicons.

Directive attributes:
- height: handle height
- width: handle width
- toggle: CSS classes to toggle when switching states; requires child ```<i>``` element

````
<ion-pull-up-handle width="100" height="25" toggle="ion-chevron-up ion-chevron-down" style="border-radius: 25px 25px 0 0">
    <i class="icon ion-chevron-up"></i>
</ion-pull-up-handle>
````

### ion-pull-up-trigger
This directive adds tapping or dragging gestures to a specific element.<commit_msg>fixed documentation<commit_after>See project [website](http://arielfaur.github.io/ionic-pullup) for documentation and demo
{'fraction_non_alphanumeric': 0.10191543187567763, 'fraction_numerical': 0.0046982291290206, 'mean_word_length': 4.7308488612836435, 'pattern_counts': {'":': 0, '<': 12, '<?xml version=': 0, '>': 12, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3123855', 'n_tokens_mistral': 800, 'n_tokens_neox': 728, 'n_words': 330}