{% include themes/{{ page.theme_name_short }}.html %}

Configuration

// config/flasher.php

return [
    'default' => '{{ page.theme_name }}',{% if page.has_assets %}

    'themes' => [
        '{{ page.theme_name_short }}' => [
            'scripts' => [
                '/vendor/flasher/themes/{{ page.theme_name }}.min.js',
            ],
            'styles' => [
                '/vendor/flasher/themes/{{ page.theme_name }}.min.css',
            ],
        ],
    ],{% endif %}
];

# config/packages/flasher.yaml

flasher:
    default: {{ page.theme_name }}{% if page.has_assets %}

    themes:
        {{ page.theme_name_short }}:
            scripts:
                - '/vendor/flasher/themes/{{ page.theme_name }}.min.js'
            styles:
                - '/vendor/flasher/themes/{{ page.theme_name }}.min.css'{% endif %}

// Set as default theme
flasher.defaultPlugin = '{{ page.theme_name }}';

// Then use it
flasher.success('Well done!');

Usage

When {{ page.theme_name }} is set as your default theme:

flash()->success('Your changes have been saved!');

For specific notifications:

flash()->use('{{ page.theme_name }}')->success('This uses {{ page.title }}');

When {{ page.theme_name }} is set as your default theme:

flasher.success('Your changes have been saved!');

For specific notifications:

flasher.use('{{ page.theme_name }}').success('This uses {{ page.title }}');

Key Features

Visual Design

{{ feature }}

Accessibility

{{ feature }}

Customization

{{ page.css_variables }}

Browser Support

Chrome

Firefox

Safari

Edge

Mobile

Dark Mode

Need assistance?

Documentation Community