PHPackages                             doubleedesign/comet-responsive-panels - 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. doubleedesign/comet-responsive-panels

ActiveLibrary

doubleedesign/comet-responsive-panels
=====================================

Standalone package for ResponsivePanels from the Comet Components library

064JavaScript

Since Aug 17Pushed 8mo agoCompare

[ Source](https://github.com/doubleedesign/comet-components-responsive-panels)[ Packagist](https://packagist.org/packages/doubleedesign/comet-responsive-panels)[ RSS](/packages/doubleedesign-comet-responsive-panels/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

Comet Responsive Panels
=======================

[](#comet-responsive-panels)

The standalone version of Responsive Panels from the [Comet Components library](https://www.cometcomponents.io).

Installation
------------

[](#installation)

Install using Composer:

```
composer require doubleedesign/comet-responsive-panels
```

> \[!INFO\] Like many libraries, this isn't 100% standalone - it uses some other libraries. There is one dependency, `doubleedesign/comet-components-launchpad`, which contains Comet Components Core's foundational classes and global CSS, and the dependencies for using Blade templates. This is so that if you use multiple standalone packages in your project, you don't end up with unnecessary duplication.

1. Ensure your project loads dependencies using the autoloader:

```
require_once __DIR__ . '/vendor/autoload.php';
```

2. Tell it where to find the Blade templates, as early as possible so the config is there when you attempt to render components:

```
use Doubleedesign\Comet\Core\Config;

Config::set_blade_component_paths([
    __DIR__ . '\\vendor\\doubleedesign\\comet-responsive-panels\\src',
]);
```

- You can also add your own custom paths here to override the provided Blade templates.
- For a WordPress plugin, I place the above code in the root plugin file, right after the autoloader is included.
- If you are adding to a WordPress theme, the `BladeService` is already configured to look in your active theme for files in a `components` directory in your theme root.

3. Load the CSS and JS assets for the component into your project, however you usually do so. You will need:

- `/vendor/doubleedesign/comet-components-launchpad/src/components/global.css`
- `/vendor/doubleedesign/comet-responsive-panels/src/components/responsive-panels.css`
- `/vendor/doubleedesign/comet-responsive-panels/src/components/responsive-panels.js`

The JS file also needs to be specified as a module, and a base path given for the Vue loader to pick up. For example:

```

```

An example of how you might set up the client-side assets in a WordPress plugin is:

```