@crave/farmblocks-carousel NPM

Farmblocks Carousel

Images carousel that changes the active item automatically from times to times. See storybook

Installation

npm install @crave/farmblocks-carousel

Usage

import React, { Component } from "react";
import { render } from "react-dom";
import Carousel from "@crave/farmblocks-carousel";

const imageSet = [
  {
    image: "https://picsum.photos/640/?image=1080",
    name: "Organic Pepper"
  },
  {
    image: "https://picsum.photos/640/?image=824",
    name: "Tomato"
  },
  {
    image: "https://picsum.photos/640/?image=889",
    name: "Grapefruit"
  }
];

const App = () => <Carousel imageSet={imageSet} />;

render(<App />, document.getElementById("root"));

API

Property	Description	Type	Default
imageSet	The image set to be displayed	arrayOf({ image: string, name: string})
onChange	Function to be called when the current image changes. It passes the image index as parameter	function	() => null
onEnd	Function to be called when the last image has been displayed as active	function	() => null
itemConfig	Configs to be applied on the image cards	`object({ width: number, height: number, margin: number, fontSize: string, displayTime: number, transitionTime: number, border: { width: string, radius: string, color: string}`	`{ width: 656, height: 328, margin: 20, fontSize: "88px", displayTime: 4, transitionTime: 2, border: { radius: "16px", width: "4px", color: "rgba(255, 255, 255, 0.56)" }}`

License

MIT

farmblocks react

@crave/farmblocks-image @crave/farmblocks-text @crave/farmblocks-theme

@everything-registry/sub-chunk-202 @infinitebrahmanuniverse/nolb-_cra @zalastax/nolb-_cra

3.5.19

4 years ago

3.5.18-alpha-adjust-xsmall-font-size-value-6142.1.0

4 years ago

3.5.18

4 years ago

3.5.18-alpha-lerna-force-publish-6137.1.0

4 years ago

3.5.15

4 years ago

3.5.14-alpha-add-font-size-6125.1.10

4 years ago

3.5.14

4 years ago

3.5.14-alpha-responsive-carousel-component-6117.1.29

4 years ago

3.5.14-alpha-responsive-carousel-component-6109.1.19

4 years ago

3.5.14-alpha-responsive-carousel-component-6098.1.14

4 years ago

3.5.14-alpha-responsive-carousel-component-6084.1.5

4 years ago

3.5.14-alpha-responsive-carousel-component-6092.1.10

4 years ago

3.5.13

4 years ago

3.5.13-alpha-table-redesign-manual-1.8

4 years ago

3.5.12-alpha-icon-publish-5937.1.4

5 years ago

3.5.12

5 years ago

3.5.12-alpha-icon-publish-5935.1.5

5 years ago

3.5.12-alpha-icon-publish-5933.1.4

5 years ago

3.5.11

5 years ago

3.5.11-alpha-esmodules-5925.1.15

5 years ago

3.5.11-alpha-esmodules-5921.1.16

5 years ago

3.5.11-alpha-esmodules-5917.1.15

5 years ago

3.5.10

5 years ago

3.5.10-alpha-protected-currency-5867.1.15

5 years ago

3.5.10-alpha-another-icon-test-5832.1.9

5 years ago

3.5.10-alpha-another-icon-test-5829.1.7

5 years ago

3.5.9-alpha-redesign-form-fields-5789.1.7

5 years ago

3.5.9

5 years ago

3.5.9-alpha-redesign-form-fields-5777.1.6

5 years ago

3.5.9-alpha-redesign-form-fields-5775.1.6

5 years ago

3.5.9-alpha-redesign-form-fields-5774.1.4

5 years ago

3.5.8-alpha-redesign-form-fields-5772.1.17

5 years ago

3.5.8-alpha-new-label-5765.1.14

5 years ago

3.5.8

5 years ago

3.5.8-alpha-redesign-form-fields-5753.1.18

5 years ago

3.5.8-alpha-redesign-form-fields-5751.1.18

5 years ago

3.5.8-alpha-new-label-5742.1.14

5 years ago

3.5.7

5 years ago

3.5.7-alpha-upd-dep-280220-5690.1.28

5 years ago

3.5.6

5 years ago

3.5.6-alpha-card-border-5673.1.3

5 years ago

3.5.5-alpha-responsive-text-5665.1.6

5 years ago

3.5.5

5 years ago

3.5.4

6 years ago

3.5.3

6 years ago

3.5.3-alpha-image-with-box-shadow-5646.1.5

6 years ago

3.5.2

6 years ago

3.5.2-alpha-tangerine-5635.1.4

6 years ago

3.5.1

6 years ago

3.5.0

6 years ago

3.4.3

6 years ago

3.4.3-alpha-side-nav-js-5441.1.50

6 years ago

3.4.2

6 years ago

3.4.2-alpha-fix-image-proptype-5388.1.14

6 years ago

3.4.2-alpha-fix-image-proptype-5356.1.12

6 years ago

3.4.2-alpha-fix-image-proptype-5327.1.12

6 years ago

3.4.1

6 years ago

3.4.1-alpha-fix-image-overflow-5243.1.14

6 years ago

3.4.0

6 years ago

3.3.4-alpha-image-use-img-5213.1.7

6 years ago

3.3.4-alpha-image-use-img-5211.1.20

6 years ago

3.3.4-alpha-image-use-img-5193.1.17

6 years ago

3.3.4-alpha-image-use-img-5185.1.8

6 years ago

3.3.4-alpha-image-use-img-5177.1.5

6 years ago

3.3.4-alpha-image-use-img-5173.1.4

6 years ago

3.3.4-alpha-image-use-img-5161.1.4

6 years ago

3.3.3-alpha-image-use-img-5159.1.45

6 years ago

3.3.3

6 years ago

3.3.3-alpha-update-deps-5137.1.39

6 years ago

3.3.2

6 years ago

3.3.2-alpha-upd-deps-4827.1.21

6 years ago

3.3.2-alpha-upd-deps-4809.1.19

6 years ago

3.3.1

6 years ago

3.3.1-alpha-text-truncate-4717.1.16

6 years ago

3.3.1-alpha-text-truncate-4715.1.15

6 years ago

3.3.1-alpha-text-truncate-4713.1.15

6 years ago

3.3.1-alpha-text-truncate-4709.1.13

6 years ago

3.3.0

6 years ago

3.2.4-alpha-extendable.37

6 years ago

3.2.4-alpha-extendable.34

6 years ago

3.2.3

6 years ago

3.2.3-alpha-storybook-images.21

6 years ago

3.2.3-alpha-percy-andre.14

6 years ago

3.2.3-alpha-percy-andre.13

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago