Skip to content

Latest commit

 

History

History
94 lines (71 loc) · 1.57 KB

README.md

File metadata and controls

94 lines (71 loc) · 1.57 KB
Raw

@axa-fr/react-toolkit-action

  1. Installation
  2. Link
  3. Button
  4. Link ActionCore
  5. Button ActionCore

Installation

npm i @axa-fr/react-toolkit-action

Link

Import

import Button from '@axa-fr/react-toolkit-action';
import '@axa-fr/react-toolkit-action/dist/af-button.css';

Use

const LinkAction = () => (
  <Button
    id="id"
    icon="link"
    href="http://www.axa.fr"
    title="Test Link"
    target="_blank"
  />
);
export default LinkAction;

Button

Import

import Button from '@axa-fr/react-toolkit-action';
import '@axa-fr/react-toolkit-action/dist/af-button.css';

Use

const ButtonAction = () => <Button id="id" icon="floppy-disk" title="Save" />;
export default ButtonAction;

Link ActionCore

Import

import { ActionCore } from '@axa-fr/react-toolkit-action';
import '@axa-fr/react-toolkit-action/dist/af-button.css';

Use

const LinkActionCore = () => (
  <ActionCore id="id" icon="link" href="http://www.axa.fr" title="Test Link" />
);
export default LinkActionCore;

Button ActionCore

Import

import { ActionCore } from '@axa-fr/react-toolkit-action';
import '@axa-fr/react-toolkit-action/dist/af-button.css';

Use

const ButtonActionCore = () => (
  <ActionCore
    id="id"
    icon="floppy-disk"
    href="http://www.axa.fr"
    title="Test Link"
  />
);
export default ButtonActionCore;