https://github.com/sbeleidy/json-box

A webcomponent that converts its input string to an object that is returned through a property.
https://github.com/sbeleidy/json-box

Last synced: 21 days ago
JSON representation

A webcomponent that converts its input string to an object that is returned through a property.

• Host: GitHub
• URL: https://github.com/sbeleidy/json-box
• Owner: sbeleidy
• Created: 2016-12-09T03:56:54.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2016-12-13T05:04:59.000Z (about 8 years ago)
• Last Synced: 2024-11-07T01:46:00.114Z (2 months ago)
• Language: HTML
• Size: 7.81 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# \

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://beta.webcomponents.org/element/sbeleidy/json-box)

[![Join the chat](https://badges.gitter.im/gitterHQ/gitterHQ.github.io.svg)](https://gitter.im/sbeleidy/general)

A webcomponent that converts its input string to an object that is returned through a property.

Useful for displaying current object and allowing modifications.

## Install

```

bower install sbeleidy/json-box --save

```

## Usage

For displaying and editing an object:

```html




Current hello property: [[current.hello]]




Copy this into the textarea above: {"hello":12}

```

For displaying an object and disabling editing:

```html

```

## Contributing

### Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your application locally.

### Viewing Your Application

```

$ polymer serve

```

### Building Your Application

```

$ polymer build

```

This will create a `build/` folder with `bundled/` and `unbundled/` sub-folders

containing a bundled (Vulcanized) and unbundled builds, both run through HTML,

CSS, and JS optimizers.

You can serve the built versions by giving `polymer serve` a folder to serve

from:

```

$ polymer serve build/bundled

```

### Running Tests

```

$ polymer test

```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.