@4geit/rct-mark-as-seen-link-component

1.2.2 • Public • Published

@4geit/rct-mark-as-seen-link-component npm version


mark as seen link component to use as part of the rct-message-component

Demo

A live storybook is available to see how the component looks like @ http://rct-mark-as-seen-link-component.ws3.4ge.it

Installation

  1. A recommended way to install @4geit/rct-mark-as-seen-link-component is through npm package manager using the following command:
npm i @4geit/rct-mark-as-seen-link-component --save

Or use yarn using the following command:

yarn add @4geit/rct-mark-as-seen-link-component

Make sure you also have those tools installed globally in your system since @4geit/rct-mark-as-seen-link-component requires them to work properly:

  • create-react-app: sudo npm i -g create-react-app
  • storybook: sudo npm i -g @storybook/cli
  1. Depending on where you want to use the component you will need to import the class RctMarkAsSeenLinkComponent to your project JS file as follows:
import { RctMarkAsSeenLinkComponent } from '@4geit/rct-mark-as-seen-link-component'

For instance if you want to use this component in your App.js component, you can use the RctMarkAsSeenLinkComponent component in the JSX code as follows:

import React from 'react'
// ...
import { RctMarkAsSeenLinkComponent } from '@4geit/rct-mark-as-seen-link-component'
// ...
const App = () => (
  <div className="App">
    <RctMarkAsSeenLinkComponent/>
  </div>
)
  1. You can actually use the component rct-mark-as-seen-link-component alone by running the command:
yarn start

Make sure the dependencies are all installed by running the command yarn.

  1. rct-mark-as-seen-link-component comes along with storybook already setup therefore you can use it by running the command:
yarn storybook

The storybook is also deployed online and available @ http://rct-mark-as-seen-link-component.ws3.4ge.it

Readme

Keywords

none

Package Sidebar

Install

npm i @4geit/rct-mark-as-seen-link-component

Weekly Downloads

0

Version

1.2.2

License

MIT

Last publish

Collaborators

  • geraldinestarke
  • fabianstarke
  • canercandan