PHPackages                             carbon/previewmodebutton - 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. carbon/previewmodebutton

ActiveNeos-carbon[Utility & Helpers](/categories/utility)

carbon/previewmodebutton
========================

Toggle preview mode with a button in the Neos CMS backend

0.1.1(1y ago)02.7k↓50%1GPL-3.0JavaScript

Since Apr 11Pushed 1y ago1 watchersCompare

[ Source](https://github.com/CarbonPackages/Carbon.PreviewModeButton)[ Packagist](https://packagist.org/packages/carbon/previewmodebutton)[ Fund](https://www.paypal.me/Jonnitto/20eur)[ GitHub Sponsors](https://github.com/jonnitto)[ RSS](/packages/carbon-previewmodebutton/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (2)Dependencies (1)Versions (3)Used By (1)

[![Latest stable version](https://camo.githubusercontent.com/0a8765443d8d7072c1c7e120bb3204e55cb53c064fc4d1e83b0c7a65d6c3dd97/68747470733a2f2f706f7365722e707567782e6f72672f636172626f6e2f707265766965776d6f6465627574746f6e2f762f737461626c65)](https://packagist.org/packages/carbon/previewmodebutton) [![Total downloads](https://camo.githubusercontent.com/8dc4a13f04e12bdc72b2fd06b076834d8ef511d2a581bc878d2bfd0ce7ce2fd9/68747470733a2f2f706f7365722e707567782e6f72672f636172626f6e2f707265766965776d6f6465627574746f6e2f646f776e6c6f616473)](https://packagist.org/packages/carbon/previewmodebutton) [![License](https://camo.githubusercontent.com/1866a7e412236b19df697720926806907f9794287f0286a1d116782b8b947847/68747470733a2f2f706f7365722e707567782e6f72672f636172626f6e2f707265766965776d6f6465627574746f6e2f6c6963656e7365)](https://packagist.org/packages/carbon/previewmodebutton) [![GitHub forks](https://camo.githubusercontent.com/491edcced869968d0116989a1923e5e5b710ce87889f8526f80e7036533a1907/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f436172626f6e5061636b616765732f436172626f6e2e507265766965774d6f6465427574746f6e2e7376673f7374796c653d736f6369616c266c6162656c3d466f726b)](https://github.com/CarbonPackages/Carbon.PreviewModeButton/fork) [![GitHub stars](https://camo.githubusercontent.com/9742a12a8cb5cae0eb2b0427949d22fae173e7f35ba76767cc6b9fc381314bde/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f436172626f6e5061636b616765732f436172626f6e2e507265766965774d6f6465427574746f6e2e7376673f7374796c653d736f6369616c266c6162656c3d5374617273)](https://github.com/CarbonPackages/Carbon.PreviewModeButton/stargazers) [![GitHub watchers](https://camo.githubusercontent.com/cbfee3ab0bf69a710efd6f3f136b1fc719a4f651a85489ab3d2135c102162fe9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f77617463686572732f436172626f6e5061636b616765732f436172626f6e2e507265766965774d6f6465427574746f6e2e7376673f7374796c653d736f6369616c266c6162656c3d5761746368)](https://github.com/CarbonPackages/Carbon.PreviewModeButton/subscription)

Carbon.PreviewModeButton
========================

[](#carbonpreviewmodebutton)

Toggle preview mode with a button in the Neos CMS backend.

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

[](#installation)

`Carbon.PreviewModeButton` is available via packagist. Run the following command in your site package

```
composer require --no-update carbon/previewmodebutton
```

Then run `composer update` in your project root.

Configuration
-------------

[](#configuration)

To add a button into the panel add a configuration like this:

```
Neos:
  Neos:
    Ui:
      frontendConfiguration:
        "Carbon.PreviewMode:Button":
          # If you set a view mode to true, it will fallback to Neos.Neos:Document and will have no custom icon or label
          rawContent: true

          # The name of the preview mode
          teaserView:
            # If a document is this node type or has this supertype, show the button. Otherwise it will be hidden
            # Defaults to 'Neos.Neos:Document'
            nodeTypeName: "Foo.Bar:Mixin.TeaserDocument"
            # Set the icon. Defaults to 'fas fa-pencil'
            icon: "fas fa-images"
            # Add `aria-label` and `title` to the button. Will be translated, but can also be a plain text
            label: "Foo.Bar:Backend.Main:editPreviewModes.teaserView"
            # Sets the position. Defaults to 'start'
            position: "start 1"
```

###  Health Score

29

—

LowBetter than 59% of packages

Maintenance47

Moderate activity, may be stable

Popularity21

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity32

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~375 days

Total

2

Last Release

391d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/5fec51ac160a110a31a72a54ac29e276a447d8306205a052d35491ac9cf0589b?d=identicon)[jonnitto](/maintainers/jonnitto)

---

Top Contributors

[![jonnitto](https://avatars.githubusercontent.com/u/4510166?v=4)](https://github.com/jonnitto "jonnitto (9 commits)")

---

Tags

neoscmsNeosneoscms

### Embed Badge

![Health badge](/badges/carbon-previewmodebutton/health.svg)

```
[![Health](https://phpackages.com/badges/carbon-previewmodebutton/health.svg)](https://phpackages.com/packages/carbon-previewmodebutton)
```

###  Alternatives

[shel/neos-colorpicker

A plugin for Neos CMS which provides a colorpicker editor

1494.4k6](/packages/shel-neos-colorpicker)[shel/neos-hyphens

A plugin for Neos CMS which provides hyphens for the inline editor

20200.7k1](/packages/shel-neos-hyphens)[techdivision/ckstyles

Neos package which enables you adding your custom style classes for the CkEditor with a simple Yaml configuration

21166.3k](/packages/techdivision-ckstyles)[moc/notfound

Neos CMS package that loads a normal editable page for displaying a 404 error

18167.5k](/packages/moc-notfound)[carbon/includeassets

Include your assets (css, js) in an easy way into Neos

14228.6k10](/packages/carbon-includeassets)[sandstorm/lazydatasource

Neos package implementing a lazy data source for the UI; so that the elements are loaded lazily on demand.

1044.5k4](/packages/sandstorm-lazydatasource)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)