https://github.com/merlinstardust/foundation-blaze

https://github.com/merlinstardust/foundation-blaze

Last synced: 15 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/merlinstardust/foundation-blaze
• Owner: merlinstardust
• Created: 2016-02-16T19:50:09.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-02-20T15:16:20.000Z (almost 9 years ago)
• Last Synced: 2024-11-12T18:48:37.046Z (2 months ago)
• Language: JavaScript
• Size: 17.6 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Foundation Blaze

  Blaze wrappers for Foundation Components.

  [See everything in action at foundation-blaze.meteor.com](http://foundation-blaze.meteor.com/)

  Note: The above site is, at the moment, simply a testing ground. Eventually the site will include the code next to each demoed item, and hopefully code editors.

## Table of Contents

  * Controls

    * Close Button

    * Slider

    * Switch

  * Containers

    * Dropdown

    * Reveal

  * Media

    * Orbit

    * Progress Bar

    * Tooltip

  * Navigation

    * Dropdown Menu

  * To Dos

    * Navigation

      * Drilldown Menu

      * Accordion Menu

      * Magellan

      * Pagination

      * Breadcrumbs

    * Containers

      * Accordion

      * Off-canvas

      * Table

      * Tabs

## Controls

### Close Button

  ```

  {{> zfCloseX}}

  ```

### Slider

  ```

  {{> zfSlider start=5 end=100 name='basic'}}

  {{> zfSlider start=5 end=100 vertical=true name='vertical'}}

  {{> zfSlider lStart=20 rStart=60 end=100 lName='lInput' rName='rInput'}}

  {{> zfSliderInput id='lInput'}}

  {{> zfSlider lStart=20 rStart=60 end=100 lInput='lInput' rInput='rInput'}}

  {{> zfSliderInput id='rInput'}}

  ```

### Switch

  ```

  {{> zfSwitch id='id' name='' classes='' srText='' onText='' offText=''}}

  {{> zfSwitchRadio id='id' name='' classes='' srText='' onText='' offText=''}}

  ```

## Containers

### Dropdown

  ```

  {{#zfDropdown id='id' hover=false autoFocus=false buttonClasses='' paneClasses='' options=''}}

    Content

  {{/zfDropdown}}

  ```

### Reveal

  ```

  {{> zfRevealLink id='id' classes='' text=''}}

  {{> zfRevealButton id='id' classes='' text=''}}

  {{#zfRevealLinkBlock id='id' classes='' text=''}}

    Content

  {{/zfRevealLinkBlock}}

  {{#zfRevealButtonBlock id='id' classes='' text=''}}

    Content

  {{/zfRevealButtonBlock}}

  {{#zfRevealModal id='id' classes='' options=''}}

    Content

  {{/zfRevealModal}}

  ```

## Media

### Orbit

  ```

  {{> zfOrbit slides=slides template='Slide'}}

  ```

### Progress Bar

  ```

  {{> zfProgressBar progress=50 classes=''}}

  ```

### Tooltip

  ```

  {{#zfTooltip tip='tip' classes='' options=''}}

    Content

  {{/zfTooltip}}

  ```

## Navigation

### Dropdown Menu

  ```

  {{#zfDropdownMenu}}

    {{#zfSubMenu text='Item 1'}}

      
Item 1A

    {{/zfSubMenu}}

    
Item 2

  {{/zfDropdownMenu}}

  ```