PHPackages                             eom-plus/nova-input-group - 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. eom-plus/nova-input-group

ActiveLibrary

eom-plus/nova-input-group
=========================

A Laravel Nova field.

1.0.4(3y ago)31.9k—0%1MITVuePHP ^7.3|^8.0

Since Jan 7Pushed 2y ago3 watchersCompare

[ Source](https://github.com/operativeit/nova-input-group)[ Packagist](https://packagist.org/packages/eom-plus/nova-input-group)[ GitHub Sponsors](https://github.com/operativeit)[ RSS](/packages/eom-plus-nova-input-group/feed)WikiDiscussions master Synced today

READMEChangelogDependencies (1)Versions (3)Used By (0)

Nova Input Group
================

[](#nova-input-group)

A Laravel Nova4 text field formatted as input group

[![Latest Version on Packagist](https://camo.githubusercontent.com/77afeec6d9315e75ae376005e8e2169131e17fa2498ff0460ef7159b19e77c62/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6f706572617469766569742f6e6f76612d696e7075742d67726f75702e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/operativeit/nova-input-group)[![Total Downloads](https://camo.githubusercontent.com/b61d43250104e3540dca6a418b4b1ade94990e724c34b82fe14a1f9ee8721f35/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6f706572617469766569742f6e6f76612d696e7075742d67726f75702e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/operativeit/nova-input-group)[![GitHub forks](https://camo.githubusercontent.com/706f08d1557764038e0d7538c3ecd8e5e624b00634dcee6c99e5d82a30af907c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f6f706572617469766569742f6e6f76612d696e7075742d67726f7570)](https://camo.githubusercontent.com/706f08d1557764038e0d7538c3ecd8e5e624b00634dcee6c99e5d82a30af907c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f6f706572617469766569742f6e6f76612d696e7075742d67726f7570)[![GitHub issues](https://camo.githubusercontent.com/064ab9a655f8f310807fe4a50fa944b7b7ce5cc13ae31955e603e11dbce17824/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f6f706572617469766569742f6e6f76612d696e7075742d67726f7570)](https://camo.githubusercontent.com/064ab9a655f8f310807fe4a50fa944b7b7ce5cc13ae31955e603e11dbce17824/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f6f706572617469766569742f6e6f76612d696e7075742d67726f7570)[![License](https://camo.githubusercontent.com/e1685f2a7123830efb33517b931e5fa21286ff6d428d90563160e3cc476dd431/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f6f706572617469766569742f6e6f76612d696e7075742d67726f7570)](https://github.com/operativeit/nova-input-group/blob/master/LICENSE.md)

[![image](https://user-images.githubusercontent.com/188766/211157697-83991d68-f727-4bdb-aa2d-4c5e784007cb.png)](https://user-images.githubusercontent.com/188766/211157697-83991d68-f727-4bdb-aa2d-4c5e784007cb.png)

This custom field allow to append or prepend text and/or heroicon icon. Text can also be HTML. For HTML, a dedicated component is used intead of *v-html* directive. HTML markup is sanitazed previously sanitized using DOMPurify library to avoid vulnaribility. Note that when you HMTL you can also use Emojis icons.

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

[](#installation)

```
composer require eom-plus/nova-input-group
```

Usage
-----

[](#usage)

Import it in your resources and add the InputGroup to `fields` method. We have added various methods to add flexibility to the component. You can append , prepend or both at the same time.

```
...
use EomPlus\NovaInputGroup\InputGroup;

public function fields(Request $request)
{
    return [
        ID::make('ID', 'id')->sortable(),
        Text::make('Name', 'name'),
        InputGroup::make('Subdomain', 'subdomain')
           ->appendIcon('cube', 'after')
           ->append('@example.com')
           ->prependIcon('cube')
           ->prepend('test')
           ->prependExtraClasses('bg-green-500 text-white')
           ->asHtml()

    ];
}
...
```

But we have maintained the old method for backward compatibility with [Decency Input Group](https://github.com/decency-be/nova-input-group)

Example using legacy way

```
...
use EomPlus\NovaInputGroup\InputGroup;

public function fields(Request $request)
{
    return [
        ID::make('ID', 'id')->sortable(),
        Text::make('Name', 'name'),

        InputGroup::make('Subdomain', 'subdomain')
           ->position('after')
           ->text('@example.com'),

    ];
}
...
```

### Methods

[](#methods)

- `prepend(value)` Prepend text to input field
- `prependIcon(name, position)` Prepend heroicon to input field. You can choose between 'before' and 'after'. When not used, 'before' is used.
- `prependExtraClasses(value)` Prepend extra css classes to input field to change background or text color for example.
- `append(value)` Append text to input field
- `appendIcon(name, position)` Append heroicon to input field. You can choose between 'before' and 'after'. When not used, 'before' is used.
- `appendExtraClasses(value)` Append extra css classes to input field to change background or text color for example.
- `asHtml()` render value as HTML

#### Legacy methods for backwards compatibility (avoid to use them)

[](#legacy-methods-for-backwards-compatibility-avoid-to-use-them)

- `position(text)` You can choose between 'before' and 'after'. When not used, 'before' is used.
- `text(value)` The text to be displayed.

### Changelog

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

### TODO

[](#todo)

- Support other kind of field
- Testcases
- PS4 code compliance
- More examples
- Fix field length
- Add buttons and dropdown support

### Security and contributions.

[](#security-and-contributions)

If you discover any security related issues, please use the issue tracker. All PRs are welcome

Credits
-------

[](#credits)

- [Decency](https://github.com/decency-be)
- [Tim Diels](https://github.com/timdiels1)
- [All Contributors](../../contributors)

⭐️ Show Your Support
--------------------

[](#️-show-your-support)

Please give a ⭐️ if this project helped you!

### Other Packages You Might Like

[](#other-packages-you-might-like)

- [Nova Rating Field](https://github.com/operativeit/nova-rating-field) - A Star rating Nova 4 field to use in your Laravel Nova apps.
- [Nova Feedback Field](https://github.com/operativeit/nova-feedback-field) - An Emoji feedback Nova 4 field to use in your Laravel Nova apps.
- [Nova Input Group](https://github.com/operativeit/nova-input-group) - A Laravel Nova 4 text field formatted as input group
- [Nova Signature](https://github.com/operativeit/nova-signature) - A Laravel Nova 4 signature pad

Take a look to our Github repositories as we have a lot of forked nova components with fixes that are still not merge into main owner branch.

License
-------

[](#license)

The MIT License (MIT). Please see [License File](https://github.com/operativeit/nova-input-group/blob/master/LICENSE.md) for more information.

###  Health Score

29

—

LowBetter than 63% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity25

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity51

Maturing project, gaining track record

 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 ~0 days

Total

2

Last Release

1169d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/6cf1cdc324d411dfc6db2f2e6ff9d017c704dc023a8d6d539e09123df73ecbf4?d=identicon)[scramatte](/maintainers/scramatte)

---

Top Contributors

[![scramatte](https://avatars.githubusercontent.com/u/188766?v=4)](https://github.com/scramatte "scramatte (15 commits)")

---

Tags

fieldinput-grouplaravelnovanova4laravelfieldnovainput-group

### Embed Badge

![Health badge](/badges/eom-plus-nova-input-group/health.svg)

```
[![Health](https://phpackages.com/badges/eom-plus-nova-input-group/health.svg)](https://phpackages.com/packages/eom-plus-nova-input-group)
```

###  Alternatives

[whitecube/nova-flexible-content

Flexible Content &amp; Repeater Fields for Laravel Nova.

8122.9M24](/packages/whitecube-nova-flexible-content)[alexwenzel/nova-dependency-container

A Laravel Nova 4 form container for grouping fields that depend on other field values.

47976.7k2](/packages/alexwenzel-nova-dependency-container)[simplesquid/nova-enum-field

A Laravel Nova field to add enums to resources.

52382.9k1](/packages/simplesquid-nova-enum-field)[sietse85/nova-button

(Nova 4+) A Laravel Nova package for adding buttons to your resources.

37339.4k](/packages/sietse85-nova-button)[stepanenko3/nova-json

Nova json field to spread a json column throughout multiple fields.

42239.2k](/packages/stepanenko3-nova-json)[optimistdigital/nova-notes-field

This Laravel Nova package adds a notes field to Nova's arsenal of fields.

52139.5k](/packages/optimistdigital-nova-notes-field)

PHPackages © 2026

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