PHPackages                             tonning/bladebook - 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. [Templating & Views](/categories/templating)
4. /
5. tonning/bladebook

ActiveLibrary[Templating & Views](/categories/templating)

tonning/bladebook
=================

Storybook for Blade components

0.4.0(3y ago)38.7kMITJavaScriptPHP ^8.0

Since Jun 9Pushed 3y ago1 watchersCompare

[ Source](https://github.com/tonning/bladebook)[ Packagist](https://packagist.org/packages/tonning/bladebook)[ Docs](https://github.com/tonning/bladebook)[ GitHub Sponsors](https://github.com/tonning)[ RSS](/packages/tonning-bladebook/feed)WikiDiscussions main Synced 1w ago

READMEChangelogDependencies (11)Versions (10)Used By (0)

WORK IN PROGRESS
================

[](#work-in-progress)

Not ready for production just yet.

Storybook for Blade components
==============================

[](#storybook-for-blade-components)

To come.

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

[](#installation)

You can install the package via composer:

```
composer require tonning/bladebook
```

You need to publish the assets to your applications `public/vendor` directory:

```
php artisan vendor:publish --provider="Tonning\Bladebook\BladebookServiceProvider" --tag="bladebook:assets"
```

You are free to also publish the config file:

```
php artisan vendor:publish --provider="Tonning\Bladebook\BladebookServiceProvider" --tag="config"
```

Discover Bladebook components
-----------------------------

[](#discover-bladebook-components)

```
php artisan bladebook:discover
```

Creating Bladebook components
-----------------------------

[](#creating-bladebook-components)

After you've created your normal [Blade components](https://laravel.com/docs/8.x/blade#components) you need to write some simple wrappers around them in order for them to be visible in the Bladebook UI. Let's say you've already created a simple Blade card component.

`app/Views/Components/Layouts/Card.php`

```