PHPackages                             thewebsolver/tws-block-slider-carousel - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. thewebsolver/tws-block-slider-carousel

ActiveLibrary[Utility & Helpers](/categories/utility)

thewebsolver/tws-block-slider-carousel
======================================

Convert WordPress gutenberg blocks into slider carousel.

621JavaScript

Since Jun 6Pushed 3y ago3 watchersCompare

[ Source](https://github.com/TheWebSolver/tws-block-slider-carousel)[ Packagist](https://packagist.org/packages/thewebsolver/tws-block-slider-carousel)[ RSS](/packages/thewebsolver-tws-block-slider-carousel/feed)WikiDiscussions master Synced today

READMEChangelogDependenciesVersions (1)Used By (0)

 [ ![Logo](assets/logo.png) ](https://github.com/TheWebSolver/tws-block-slider-carousel)

TWS Block Slider Carousel
=========================

[](#tws-block-slider-carousel)

CONVERT WORDPRESS GUTENBERG BLOCKS INTO SLIDER CAROUSEL

Convert eligible WordPress blocks into slider carousel as a swiper instance. Eligible blocks means:

- Block that can have inner blocks (such as ***Group*** block `core/group`) which has parent child DOM Element. For example, in ***Group*** block:
    - Parent is the outer `` element with class `wp-block-group`, and
    - Child is the inner `` element with class `wp-block-group__inner-container`.

Installation (via Composer):
----------------------------

[](#installation-via-composer)

To install this plugin, edit your `composer.json` file:

```
"require": {
	"thewebsolver/tws-block-slider-carousel": "dev-master"
}
```

Then from terminal, run:

```
$ composer install
```

Usage
-----

[](#usage)

### Add support for custom blocks

[](#add-support-for-custom-blocks)

If you want to convert any other block to slider carousel which implements similar parent/child DOM Element as core ***Group*** block, you can add them with the filter hook.

```