|Last Updated|| ||Ratings|| ||Unique User Downloads|| ||Download Rankings|
|2019-02-19 (3 months ago) ||Not yet rated by the users||Total: 37 This week: 18||All time: 9,552 This week: 24|
This package can be used to show a text field with custom icon in Laravel Nova.
It implements a form input field provider that can configure the presentation of a text field so it shows an icon image near it.
The package allows configuring the text icon alignment, color and relative position.
|Icon images are useful to present in user interfaces because they help to convey function to the user interface elements that are near the icon images that they present.
This package can help presenting text input fields in a user interface generated using Laravel Nova by display given icons near those fields.
Nova text field with customizable font-awesome icons
A Laravel Nova text field with a custom icon
You can install the package in to a Laravel app that uses Nova via composer:
composer require naif/text-with-icon
<h4>Add the below to nova/resources/views/layout.blade.php</h4>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<h4>Add the below to Nova/User.php resource:</h4>
->icon('fab fa-twitter-square') //set icon full name. Browse icon gallery at https://fontawesome.com/icons?d=gallery&m=free
->position('in') //here you can set icon position to be inside or outside the text field.
->color('#1997EF'),//also you can set icon color
<img src="https://raw.githubusercontent.com/naifalshaye/nova-text-field-with-icon/master/screenshots/screenshot.png" width="700">
The MIT License (MIT). Please see License File for more information.
||Applications that use this package
No pages of applications that use this class were specified.
If you know an application of this package, send a message to the author to add a link here.