react-projects-carousel-lt v1.0.4

react-projects-carousel-lt

Features

• Responsive
• Mobile friendly
• Swipe to slide
• Colors customizable:
  • Custom title
  • Custom description
  • Custom buttons
  • Custom arrows
  • Custom background

Installing as a package

yarn add react-projects-carousel-lt

Usage

import React from 'react';
import { Carousel } from 'react-projects-carousel-lt';

const App = () => {
  const allProjects = [
    {
      id: '1',
      title: 'Título do slide 1',
      description: 'Descrição do slide 1',
      imageUrl: 'www.imageurl.com.br',
      url: 'www.google.com.br',
    },
    {
      id: '2',
      title: 'Título do slide 2',
      description: 'Descrição do slide 2',
      imageUrl: 'www.imageurl.com.br',
      url: 'www.google.com.br',
    },
  ];

  const colors = {
    title: '#4b5',
    description: '#fff',
    buttons: '#4b5',
    arrows: '#fff',
    background: '#000',
  };

  return <Carousel allProjects={allProjects} colors={colors} />
}

export const App

Props

What is inside?

This project uses lot of stuff as:

• TypeScript
• ReactJS
• Styled Components
• Storybook
• React Responsive Carousel