This repository has been archived by the owner on Jan 15, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
5e91864
commit 025a86f
Showing
1 changed file
with
4 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,22 +1,22 @@ | ||
# Panel Farm! | ||
|
||
[doge]: https://github.com/tdumitrescu/panel-farm/raw/master/src/panel-farm/animal-badge/images/doge.png | ||
[doge]: https://github.com/mixpanel/panel-farm/raw/master/src/panel-farm/animal-badge/images/doge.png | ||
![very panel!][doge]![much virtual!][doge]![so components!][doge] | ||
|
||
This is a little demo app for playing around with Web Components and the [Panel](https://github.com/mixpanel/panel) library in a live environment with browser dev tools. | ||
|
||
Visit the live demo at https://tdumitrescu.github.io/panel-farm/. You can get a reference to the running application with: | ||
Visit the live demo at https://mixpanel.github.io/panel-farm/. You can get a reference to the running application with: | ||
```js | ||
app = document.querySelector(`panel-farm`); | ||
``` | ||
Look at `app.state` to get an idea of what's controllable dynamically. For instance, to change the header text of the welcome screen, try: | ||
```js | ||
app.update({welcomeText: `Hello there!`}); | ||
``` | ||
The [Farm screen](https://tdumitrescu.github.io/panel-farm/#farm) starts out with one cute capybara and some buttons to add different animals to keep it company. Can you add another capybara? | ||
The [Farm screen](https://mixpanel.github.io/panel-farm/#farm) starts out with one cute capybara and some buttons to add different animals to keep it company. Can you add another capybara? | ||
|
||
### Local development | ||
- Fork or clone git repo: `git clone [email protected]:tdumitrescu/panel-farm.git && cd panel-farm` | ||
- Fork or clone git repo: `git clone [email protected]:mixpanel/panel-farm.git && cd panel-farm` | ||
- Install dependencies: `npm install` | ||
- Start local server: `npm start` | ||
- Visit page at http://localhost:8080/ | ||
|