@axa-fr/react-toolkit-action
v3.0.2
Published
1. [Installation](#installation) 2. [Link](#link) 3. [Button](#button) 4. [Link ActionCore](#link-actioncore) 5. [Button ActionCore](#button-actioncore)
Downloads
486
Maintainers
Keywords
Readme
@axa-fr/react-toolkit-action
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;