The first official LumApps Design System for AngularJS or React applications. LumX will help you design your applications faster and more easily. You will be able to use LumX with either the LumApps design styleguides or the Google Material Design specifications.
To start to use LumX, you can either:
- Install with Yarn/NPM:
yarn add @lumx/<angularjs|react>
# Or
npm install @lumx/<angularjs|react>
- Download the latest release for AngularJS or React
- Clone the repository:
git clone https://github.com/lumapps/design-system.git
LumX's documentation is included in the "demo" directory. The demo/documentation site is built with Webpack and may be run locally. You can also find an online version of the demo and documentation site at https://design.lumapps.com.
Please refer to our contributing guidelines.
Yarn dependency manager is recommended to launch the project. Check out the official installation documentation if not installed. You will need Yarn to execute the automatic setup script as well as for publishing the package.
For an automatic installation:
yarn install
For development server:
yarn start
You can then open your browser to http://localhost:4000/ to access the demo and test site.
You can also execute a Storybook to develop your components, in order to that you just need to execute:
yarn storybook:react
Note: storybook is currently configured for React components.
you can build LumX by using:
yarn build
This will produce the target build for @lumx/core
, @lumx/angularjs
, @lumx/react
and the demo site.
- Create a release branch (ex:
release/vX.Y.Z
) - Login to NPM:
yarn login
- Publish the packages to NPM:
yarn release
(you will be asked what version bump to apply) - Create a PR for the release branch to merge into master
Code and documentation copyright 2019 LumApps. Code released under the MIT license.