aha-tree

KO | EN

gitlite — search

#python #hacktoberfest #react #golang #machine-learning #deep-learning #linux #java #windows #awesome #cli #security #mcp #openai

(★ 11)

A PolymerElement to build a tree from JSON.

aha-tree Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# &lt;aha-tree&gt; ![Bower Version](https://badge.fury.io/bo/aha-tree.svg)

> A bare minimum custom element starter-kit using [Polymer](http://www.polymer-project.org/).
>
> Like [Yeoman](http://yeoman.io/)? Use the [generator-element](https://www.npmjs.org/package/generator-element) instead.
>
> Looking for a working example? Check [hello-world-polymer](https://github.com/webcomponents/hello-world-polymer).

## Demo

[Check it live!](http://liuwenchao.github.io/aha-tree)

## Install

Install the component using [Bower](http://bower.io/):

```sh
$ bower install aha-tree --save
```

Or [download as ZIP](https://github.com/liuwenchao/aha-tree/archive/master.zip).

## Usage

1. Import Web Components' polyfill:

```html
    <script src="bower_components/platform/platform.js"></script>
    ```

2. Import Custom Element:

```html
    <link rel="import" href="bower_components/aha-tree/dist/aha-tree.html">
    ```

3. Start using it!

```html
    <aha-tree data-src='{
        "name": "Tree", 
        "children": [{ 
            "name": "child", 
            "children": [{"name": "grandchild"}]
        }]
    }'></aha-tree>
    ```

## Options

Attribute     | Options     | Default      | Description
---           | ---         | ---          | ---
`data-src`    | *string*    | ``           | a JSON string.

## Development

In order to run it locally you'll need to fetch some dependencies and a basic server setup.

* Install [Bower](http://bower.io/) & [Grunt](http://gruntjs.com/):

```sh
    $ [sudo] npm install -g bower grunt-cli
    ```

* Install local dependencies:

```sh
    $ bower install && npm install
    ```

* To test your project, start the development server and open `http://localhost:8000`.

```sh
    $ grunt server
    ```

* To build the distribution files before releasing a new version.

```sh
    $ grunt build
    ```

* To provide a live demo, send everything to `gh-pages` branch.

```sh
    $ grunt deploy
    ```

## Contributing

1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -m 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## History

For detailed changelog, check [Releases](https://github.com/liuwenchao/aha-tree/releases).

## License

[MIT License](http://opensource.org/licenses/MIT)

aha-tree

aha-tree Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

aha-tree

aha-tree Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README