Fe.common-components NPM

Salto KS common components based on Material UI

Installation

// with npm
npm install fe.common-components

// with yarn
yarn add fe.common-components

Usage

Here is a quick example to get you started:

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'fe.common-components';

function App() {
  return <Button variant="contained">Hello World</Button>;
}

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

Icons example:

import React from 'react';
import ReactDOM from 'react-dom';
import { Done } from 'fe.common-components/icons';

function App() {
  return <Done />;
}

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

Forms example

import React from 'react';
import ReactDOM from 'react-dom';
import { SmartForm, SmartInput } from 'fe.common-components/forms';

function App() {
  return (
    <SmartForm>
      <SmartTextField
        id='name'
        name='name'
        type='text'
        margin='normal'
        label={'Name'}
        variant='outlined'
      />
    </SmartForm>
  );
}

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