mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 17:36:49 +01:00

History

Josh Barr 14f02a0b50 Tooling for modern front-end components: React JS, ES6, and BEM CSS Thanks to @justinvdm for the help Merges: #2275		2016-02-25 13:32:48 +00:00
..
scss	Tooling for modern front-end components: React JS, ES6, and BEM CSS	2016-02-25 13:32:48 +00:00
src	Tooling for modern front-end components: React JS, ES6, and BEM CSS	2016-02-25 13:32:48 +00:00
template	Tooling for modern front-end components: React JS, ES6, and BEM CSS	2016-02-25 13:32:48 +00:00
tests/components	Tooling for modern front-end components: React JS, ES6, and BEM CSS	2016-02-25 13:32:48 +00:00
.npmignore	Tooling for modern front-end components: React JS, ES6, and BEM CSS	2016-02-25 13:32:48 +00:00
package.json	Tooling for modern front-end components: React JS, ES6, and BEM CSS	2016-02-25 13:32:48 +00:00
README.md	Tooling for modern front-end components: React JS, ES6, and BEM CSS	2016-02-25 13:32:48 +00:00

README.md

Wagtail client-side components

This library aims to give developers the ability to subclass and configure Wagtail's UI components.

Usage

npm install wagtail

import { Explorer } from 'wagtail';

...

<Explorer onChoosePage={(page)=> { console.log(`You picked ${page}`); }} />

Available components

TODO

Explorer
Modal
DatePicker
LinkChooser
DropDown

Building in development

Run webpack from the Wagtail project root.

webpack

How to release

The front-end is bundled at the same time as the Wagtail project, via setuptools. You'll need to set the __semver__ property to a npm-compliant version number in wagtail.wagtailcore.