Skip to content

Commit

Permalink
doc(readme-npm-badge) add npm badge
Browse files Browse the repository at this point in the history
  • Loading branch information
guillaumechervetaxa committed Nov 13, 2018
1 parent b007a14 commit c464b44
Showing 1 changed file with 37 additions and 39 deletions.
76 changes: 37 additions & 39 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
# @axa-fr/react-toolkit

[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)
[![Build Status](https://travis-ci.com/AxaGuilDEv/react-toolkit.svg?branch=master)](https://travis-ci.com/AxaGuilDEv/react-toolkit)

- [About](#about)
- [Getting Started](#getting-started)
Expand Down Expand Up @@ -31,19 +32,17 @@ Install what you need

```sh
npm install @axa-fr/react-toolkit-alert --save
npm install @axa-fr/css-core --save
```

Use only what you need

```javascript
import React from 'react';
import Alert from '@axa-fr/react-toolkit-alert';
import '@axa-fr/css-core/dist/axa-components/alert/alert.scss';
import '@axa-fr/react-toolkit-alert.css';

const MyAlertComponent => () => {
<Alert
classModifier="MyModifier"
icon="ok"
title="Les caves et les garages situés dans le même corps de bâtiment que le logement assuré sont garantis d′office"
/>
Expand All @@ -52,41 +51,40 @@ const MyAlertComponent => () => {

## Packages

- [`@axa-fr/css-core`](./packages/core/css/readme.md)
- [`@axa-fr/react-toolkit-form-input-text`](./packages/context/readme.md)
- [`@axa-fr/react-toolkit-form-input-date`](./commands/context-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-choice`](./packages/redux/readme.md)
- [`@axa-fr/react-toolkit-form-input-select`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-select-multi`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-file`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-slider`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-checkbox`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-textarea`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-radio`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-summary`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-steps`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-core`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-number`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-card`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-select`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-switch`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-layout-footer`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-layout-footer-client`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-layout-header`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-table`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-collapse`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-loader`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-help`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-popover`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-modal`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-modal-boolean`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-action`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-alert`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-tabs`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-badge`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-button`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-icon`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-core`](./packages/redux-fetch/readme.md)
- [`@axa-fr/react-toolkit-form-input-text`](./packages/Form/Input/text/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-text.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-text)
- [`@axa-fr/react-toolkit-form-input-date`](./packages/Form/Input/date/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-date.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-date)
- [`@axa-fr/react-toolkit-form-input-choice`](./packages/Form/Input/choice/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-choice.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-choice)
- [`@axa-fr/react-toolkit-form-input-select`](./packages/Form/Input/select/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-select.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-select)
- [`@axa-fr/react-toolkit-form-input-select-multi`](./packages/Form/Input/select-multi/readme.md)[![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-select-multi.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-select-multi)
- [`@axa-fr/react-toolkit-form-input-file`](./packages/Form/Input/file/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-file.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-file)
- [`@axa-fr/react-toolkit-form-input-slider`](./packages/Form/Input/slider/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-slider.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-slider)
- [`@axa-fr/react-toolkit-form-input-checkbox`](./packages/Form/Input/checkbox/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-checkbox.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-checkbox)
- [`@axa-fr/react-toolkit-form-input-textarea`](./packages/Form/Input/textarea/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-textarea.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-textarea)
- [`@axa-fr/react-toolkit-form-input-radio`](./packages/Form/Input/radio/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-radio.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-radio)
- [`@axa-fr/react-toolkit-form-summary`](./packages/Form/summary/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-summary.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-summary)
- [`@axa-fr/react-toolkit-form-steps`](./packages/Form/steps/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-steps.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-steps)
- [`@axa-fr/react-toolkit-form-core`](./packages/Form/core/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-core.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-core)
- [`@axa-fr/react-toolkit-form-input-number`](./packages/Form/Input/number/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-number.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-number)
- [`@axa-fr/react-toolkit-form-input-card`](./packages/Form/Input/card/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-card.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-card)
- [`@axa-fr/react-toolkit-form-input-select`](./packages/Form/Input/select/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-select.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-select)
- [`@axa-fr/react-toolkit-form-input-switch`](./packages/Form/Input/switch/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-switch.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-form-input-switch)
- [`@axa-fr/react-toolkit-layout-footer`](./packages/Layout/footer/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-layout-footer.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-layout-footer)
- [`@axa-fr/react-toolkit-layout-footer-client`](./packages/Layout/footer-client/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-layout-footer-client.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-layout-footer-client)
- [`@axa-fr/react-toolkit-layout-header`](./packages/Layout/header/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-layout-header.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-layout-header)
- [`@axa-fr/react-toolkit-table`](./packages/table/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-table.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-table)
- [`@axa-fr/react-toolkit-collapse`](./packages/collapse/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-collapse.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-collapse)
- [`@axa-fr/react-toolkit-loader`](./packages/loader/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-loader.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-loader)
- [`@axa-fr/react-toolkit-help`](./packages/help/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-help.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-help)
- [`@axa-fr/react-toolkit-popover`](./packages/popover/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-popover.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-popover)
- [`@axa-fr/react-toolkit-modal`](./packages/modal/default/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-modal-default.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-modal-default)
- [`@axa-fr/react-toolkit-modal`](./packages/modal/boolean/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-modal-boolean.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-modal-boolean)
- [`@axa-fr/react-toolkit-action`](./packages/action/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-action.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-action)
- [`@axa-fr/react-toolkit-alert`](./packages/alert/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-alert.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-alert)
- [`@axa-fr/react-toolkit-tabs`](./packages/tabs/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-tabs.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-tabs)
- [`@axa-fr/react-toolkit-badge`](./packages/badge/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-badge.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-badge)
- [`@axa-fr/react-toolkit-button`](./packages/button/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-button.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-button)
- [`@axa-fr/react-toolkit-icon`](./packages/icon/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-icon.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-icon)
- [`@axa-fr/react-toolkit-core`](./packages/core/readme.md) [![npm version](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-core.svg)](https://badge.fury.io/js/%40axa-fr%2Freact-toolkit-core)

## Concept

Expand Down

0 comments on commit c464b44

Please sign in to comment.