slash2nl / nova-back-button

A Laravel Nova card to display a back button.

Stars
4

Nova Back Button

Latest Stable Version
Total Downloads

Adds a card that implements a back button to Nova, the content can be fully customized. The url is called through the Vue router and without a url set a history.go(-1) is called.

image
image

Installation

You can install the package in to a Laravel app that uses Nova via composer:

composer require slash2nl/nova-back-button

Usage

Register your new card.

use SLASH2NL\NovaBackButton\NovaBackButton;

public function cards()
{
    return [ 
        (new NovaBackButton())
            ->onlyOnDetail(),
        
        (new NovaBackButton())
            ->onlyOnDetail()
            ->width('1/3')
            ->markdown('# Hello World!'),

        (new NovaBackButton())
            ->onlyOnDetail()
            ->width('1/3')
            ->view('partials.back-button')
            ->url('/resources/entity/1'),
     ];
}

Options

  • Set content, by default a back svg is used.
    • ->html('<h1>Hello!</h1>'): Set HTML or plain content.
    • ->markdown('# Hello!'): Set Markdown content that will be converted into HTML.
    • ->view('path.to.view', []): Specify blade view file and optionally pass an array of data to view.
  • Styling
    • ->center(false): Center card's content. false by default.
    • ->withoutCardStyles(true): Whether to use standard Nova Card styles for a card (background, padding, etc). false by default.
    • ->forceFullWidth(true): Force the card to be full width. A fix for nova cards order.

Source

This package was created with the help of: https://github.com/InteractionDesignFoundation/nova-html-card

License

The MIT License (MIT). Please see License File for more information.