open-index/open-npm huggingface dataset:
npm package: @merc/react-timeline
Description: An opinionated (but highly customizable) timeline component
Author: Steven Mercatante
Latest version: 0.1.42

# React Timeline

[![npm badge](https://img.shields.io/npm/v/@merc/react-timeline)](https://www.npmjs.com/package/@merc/react-timeline)
[![travis badge](https://img.shields.io/travis/steven-mercatante/react-timeline)](https://travis-ci.org/steven-mercatante/react-timeline)

The easiest way to add responsive and customizable timelines to React apps.

**View the [documentation](https://react-timeline.com/) for detailed instructions and demos.**

## Installation

```bash
npm install @merc/react-timeline
# or
yarn add @merc/react-timeline
```

## Usage

```jsx
import React from 'react';
import {
  Timeline,
  Events,
  UrlButton,
  ImageEvent,
  TextEvent,
  YouTubeEvent,
} from '@merc/react-timeline';

export default function App() {
  return (
    <Timeline>
      <Events>
        <TextEvent date="1/1/19" text="**Markdown** is *supported*" />

        <ImageEvent
          date="4/13/19"
          text="You can embed images..."
          src="https://res.cloudinary.com/dovoq8jou/image/upload/v1564772194/jellyfish.jpg"
          alt="jellyfish swimming"
          credit="Photo by [@tavi004](https://unsplash.com/@tavi004)"
        >
          <div>
            <UrlButton href="https://unsplash.com/search/photos/undersea">
              View more undersea photos
            </UrlButton>
          </div>
        </ImageEvent>

        <YouTubeEvent
          date="6/18/19"
          id="6UnRHtwHGSE"
          name="General Tso's Chicken recipe"
          text="... and YouTube videos!"
        />
      </Events>
    </Timeline>
  );
}
```
npm package: @mercadodiferente/ui
Description: Design System for Mercado Diferente
Author: tkovs
Latest version: 1.53.30

# UI

Design System para o Mercado Diferente

![Captura de Tela 2023-01-09 às 12 05 41](https://user-images.githubusercontent.com/8717661/211339717-60afc347-535e-4276-83d6-33521d9ea9bc.png)

## Como funciona

## Componentes atuais

## Como contribuir

O passo a passo de desenvolvimento pode ser consultado em [DEVELOPMENT.md](DEVELOPMENT.md)