alexgreenland

@ahmedhfarag/ngx-perfect-scrollbar
@ahmedhfarag/ngx-virtual-scroller
another-shai
@art-ws/common
@art-ws/config-eslint
@art-ws/config-ts
@art-ws/db-context
@art-ws/di-node
@art-ws/di
@art-ws/eslint

Hachikoi-the-creator

import Carousel from "./Carousel";
import img1 from "path-to-local-image.jpg";
import img2 from "path-to-local-image.jpg";
import img3 from "path-to-local-image.jpg";

export default function ImageCarousel() {
  const slides = [img1, img2, img3];

  return (
    <div className="relative">

nimone

import { useState, useEffect } from "react"
import { ChevronLeft, ChevronRight } from "react-feather"

export default function Carousel({
  children: slides,
  autoSlide = false,
  autoSlideInterval = 3000,
}) {
  const [curr, setCurr] = useState(0)

guvener

Documentation uses RGB. https://tailwindcss.com/docs/background-color

bg-black : #000000
bg-white : #FFFFFF
bg-slate-50 : #F8FAFC
bg-slate-100 : #F1F5F9
bg-slate-200 : #E2E8F0
bg-slate-300 : #CBD5E1