React components that implement Google's Material Design.

This project based on Material-UI

Deploy

Nuevas versiones de los proyectos

Para deployar las nuevas version de kds/xxx se necesita situarte en la ruta del proyecto a deployar, que se encuentran normalmente en packages/kds-xxx, modificar el version del package.json y posterior a eso ejecutar el siguiente comando:

// with npm
npm run release

Nuevas versiones de la documentacion

Las nuevas versiones de la documentacion se tagean desde gitlab y automaticamente se deployaran

Installation

Krowyd-UI is available as an npm package.

Web site

// with npm
npm install @krowdy/kds-core

// with yarn
yarn add @krowdy/kds-core

Please note that @next will only point to pre-releases; to get the latest stable release use @latest instead.

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react';
import ReactDOM from 'react-dom';
import { ThemeProvider } from '@krowdy/kds-styles';
import { Button, createTheme, krowdyTheme } from '@krowdy/kds-core';


function App() {
  return (
    <ThemeProvider theme={createTheme(krowdyTheme)}>
      <Button variant="contained" color="krowdy">
        Hello World
      </Button>
    </ThemeProvider>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));

Yes, it's really all you need to get started as you can see in this live and interactive demo:

Questions

For how-to questions and other non-issues, please use StackOverflow instead of Github issues. There is a StackOverflow tag called "kds" that you can use to tag your questions.

Examples

Are you looking for an example project to get started? We host some.

Documentation

Check out our documentation website.

Changelog

Recently Updated? Please read the changelog.

Contributing

Read our contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to Krowdy-UI.

License

This project is licensed under the terms of the MIT license.

con icono

cd packages && cd kds-styles && npm run release && cd .. && cd kds-icons && npm run release && cd .. && cd kds && npm run release && cd .. && cd kds-assets && npm run release && cd .. && cd kds-auth && npm run release && cd .. && cd kds-views && npm run release && cd ../..

sin icono

cd packages && cd kds-styles && npm run release && cd .. && cd kds && npm run release && cd .. && cd kds-assets && npm run release && cd .. && cd kds-auth && npm run release && cd .. && cd kds-views && npm run release && cd ../..

solo icons

sin icono

cd packages && cd kds-icons && npm run release && cd .. && cd kds-views && npm run release && cd ../..

utils

sin icono

cd packages && cd utils && npm run release && cd .. && cd kds-views && npm run release && cd ../..

con icono y utils

cd packages && cd kds-styles && npm run release && cd .. && cd kds-icons && npm run release && cd .. && cd kds && npm run release && cd .. && cd kds-assets && npm run release && cd .. && cd kds-auth && npm run release && cd .. && cd kds-views && npm run release && cd ../..

start proyect in dev

yarn docs:dev