@axa-fr/react-toolkit-action

@axa-fr/react-toolkit-action

• Installation
• Link
• Button
• Link ActionCore
• 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;