PHPackages                             monaye/nova-tippy-field - 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. [Admin Panels](/categories/admin)
4. /
5. monaye/nova-tippy-field

ActiveLibrary[Admin Panels](/categories/admin)

monaye/nova-tippy-field
=======================

A Laravel Nova field.

1.0.2(5y ago)548.2k↓23.3%5[1 issues](https://github.com/monaye/nova-tippy-field/issues)MITPHPPHP >=7.1.0

Since Sep 9Pushed 4y ago1 watchersCompare

[ Source](https://github.com/monaye/nova-tippy-field)[ Packagist](https://packagist.org/packages/monaye/nova-tippy-field)[ RSS](/packages/monaye-nova-tippy-field/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (3)DependenciesVersions (4)Used By (0)

Nova Tippy Field
----------------

[](#nova-tippy-field)

Laravel Nova field to display [Tippy](https://atomiks.github.io/tippyjs/) tooltip on the resource index.

On detail will display just like Laravel Nova [Textarea](https://nova.laravel.com/docs/1.0/resources/fields.html#textarea-field).

[![tooltip-with-icon-and-text](https://user-images.githubusercontent.com/1147313/92666025-f831ad00-f2bc-11ea-9f72-182d7a28c42c.png)](https://user-images.githubusercontent.com/1147313/92666025-f831ad00-f2bc-11ea-9f72-182d7a28c42c.png)

[![tooltip-with-icon-only](https://user-images.githubusercontent.com/1147313/92666026-f962da00-f2bc-11ea-8183-c793b883ded3.png)](https://user-images.githubusercontent.com/1147313/92666026-f962da00-f2bc-11ea-8183-c793b883ded3.png)

[![tooltip-with-text-only](https://user-images.githubusercontent.com/1147313/92666029-f9fb7080-f2bc-11ea-9ba7-2e8dd1904b75.png)](https://user-images.githubusercontent.com/1147313/92666029-f9fb7080-f2bc-11ea-9ba7-2e8dd1904b75.png)

[![tooltip-with-placement](https://user-images.githubusercontent.com/1147313/92666148-5494cc80-f2bd-11ea-9202-2cf6a15a1e52.png)](https://user-images.githubusercontent.com/1147313/92666148-5494cc80-f2bd-11ea-9202-2cf6a15a1e52.png)

### Installation

[](#installation)

```
composer require monaye/nova-tippy-field
```

### Usage

[](#usage)

```
use Monaye\NovaTippyField\Tippy;
```

```
public function fields(Request $request)
{
    return [
        Tippy::make('Body')
            ->text(Str::limit($this->body, 40))
            ->tipContent($this->body)
    ];
}
```

---

Options
-------

[](#options)

Nova Tippy Field comes with various options that you can use to customise how it displayed and availability to pass all the props available to the underlying Tippy instance as well.

### text

[](#text)

You can pass excerpt text or any text you want to display to user as hoverable element. There are options to display icon as well see icon or iconUrl for detail.

```
Tippy::make('Body')
    ->text(Str::limit($this->body, 40))
    ->tipContent($this->body)
```

### tipContent

[](#tipcontent)

Pass the text you'd like to display inside the Tippy tooltip. If tooltip content is empty, it will not display the tooltip at all.

```
Tippy::make('Body')
    ->text(Str::limit($this->body, 40)),
    ->tipContent($this->body)
```

### iconPath & iconUrl & iconPosition

[](#iconpath--iconurl--iconposition)

You can directly pass the path of your local SVG file or URL of the icon or both. Icon position also can be set.

```
Tippy::make('Body')
    ->text(Str::limit($this->body, 40))
    ->tipContent($this->body)
    ->iconUrl(asset('assets/icons/blue-info.svg'))
    ->iconPath(resource_path('icons/eye.svg'))
    ->iconPosition('right')
```

### placement

[](#placement)

placement of the tooltip can be placed in different location. All the available placement position can be found at [Tippy Placement Options](https://atomiks.github.io/tippyjs/#placement)

```
Tippy::make('Body')
    ->iconUrl(asset('assets/icons/blue-info.svg'))
    ->tipContent($this->body)
    ->placement('bottom')
```

### tippyOptions

[](#tippyoptions)

You can pass any props directly that available in the [Tippy JS Props](https://atomiks.github.io/tippyjs/v6/all-props/). *Please note that, some of the props might not work correctly with nova.*

```
Tippy::make('Body')
    ->text(Str::limit($this->body, 40))
    ->tipContent($this->body)
    ->tippyOptions(['arrow' => false, 'placement' => 'bottom'])
```

### shouldShow

[](#shouldshow)

Just like the [Laravel Nova TextArea](https://nova.laravel.com/docs/3.0/resources/fields.html#textarea-field) field, on detail screen, by default Nova Tippy Field will hide the content and only show when you click on `Show Content`. You can always show the content in the detail screen.

```
Tippy::make('Body')
    ->text(Str::limit($this->body, 40))
    ->tipContent($this->body)
    ->shouldShow()
```

Author
======

[](#author)

Hope you find it useful. Feel free to reach out with feedback.

Follow me on twitter: [@winmonaye](https://twitter.com/winmonaye)

###  Health Score

32

—

LowBetter than 72% of packages

Maintenance16

Infrequent updates — may be unmaintained

Popularity35

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity51

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 50% 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 ~7 days

Total

3

Last Release

2062d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/81421fba9b3c7686b67989e10934ac25ed923401cab9680b7a5eb7a93415ac7f?d=identicon)[monaye](/maintainers/monaye)

---

Top Contributors

[![monaye](https://avatars.githubusercontent.com/u/1147313?v=4)](https://github.com/monaye "monaye (1 commits)")[![yannisgu](https://avatars.githubusercontent.com/u/1180984?v=4)](https://github.com/yannisgu "yannisgu (1 commits)")

---

Tags

laravelnova

### Embed Badge

![Health badge](/badges/monaye-nova-tippy-field/health.svg)

```
[![Health](https://phpackages.com/badges/monaye-nova-tippy-field/health.svg)](https://phpackages.com/packages/monaye-nova-tippy-field)
```

###  Alternatives

[benjacho/belongs-to-many-field

belongsToMany nova representation in field.

158811.4k1](/packages/benjacho-belongs-to-many-field)[pdmfc/nova-action-button

A Laravel Nova field to run actions.

37733.0k1](/packages/pdmfc-nova-action-button)[khalin/nova-link-field

A Laravel Nova Link field.

31562.2k2](/packages/khalin-nova-link-field)[ebess/nova-collapsible-sidebar

A collapsible sidebar for Laravel Nova.

32313.2k](/packages/ebess-nova-collapsible-sidebar)

PHPackages © 2026

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