Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/daniesy/voila

A light library to preview css code
https://github.com/daniesy/voila

Last synced: about 6 hours ago
JSON representation

A light library to preview css code

Awesome Lists containing this project

README

        

VOILÀ
========

A realtime light library to parse HTML and CSS in the browser.

## How does VOILÀ work:
![voila_usage](https://raw.githubusercontent.com/Daniesy/voila/master/screen.gif)

## Usage

1 - Include voila.js
```bash

```
2 - Call voila class

2.a - Without parameters

```bash
var voila = new Voila();
```

2.b - With parameters

```bash
var voila = new Voila({
csscontainer : "css",
htmlcontainer : "html",
previewcontainer : "preview",
autorun : true
});
```

## Configuration

Options are passed to the ```voila``` function via an options hash at instantiation:

### csscontainer
Class of the CSS container | Default = "css"

### htmlcontainer
Class of the HTML container | Default = "html"

### previewcontainer
Class of the Preview container | Default = "preview"

### autorun
Autorun flag | Default = true