Download the PHP package nightkit/nova-element-ui without Composer
On this page you can find all versions of the php package nightkit/nova-element-ui. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download nightkit/nova-element-ui
More information about nightkit/nova-element-ui
Files in nightkit/nova-element-ui
Package nova-element-ui
Short Description Element UI components for Laravel Nova
License MIT
Informations about the package nova-element-ui
Nova + Element UI
This is a set of component Element UI for Laravel Nova
Installation
1) 2) Add to your in providers section 3)
Components
This is available component for this time.
ElementTabsRelations
ElementTabsRelations it's tabs component to split relation lists view between tabs Supported relation fields: HasMany, BelongsTany, OneToMany, MorphToMany

ElementInput
ElementInput is just simple input element with couple of cool features
You can add it like that

To make this input with clear action just add

You can also add prefix or suffix icon with and

If you need a textarea you can simple make it by

Textarea accepts several parameters, number of rows and autosize
ElementAutocomplete
ElementAutocomplete looks like a input but is used if you need autocomplete

This field has a few method
Placement of the popup menu (top / top-start / top-end / bottom / bottom-start / bottom-end) default bottom-start
Whether show suggestions when input focus (default true)
Debounce delay when typing, in milliseconds (default 300)
ElementSelect
It's just simple select field with more beautiful design

ElementTimezoneSelect and ElementTimezoneAutocomplete
This two fields depend on ElementSelect and ElementAutocompele to coose timezones more simple

ElementNumber
The number input field on steroids:)
It's depend on Nova native Number field and support all its functions

Also this field provide several methods
Precision of input value
whether to enable the control buttons
Move the control buttons to the right
ElementRadio
Radio element

If you want button style radio just use method

Or bordered style with

ElementCheckbox
ElementCheckbox depends on native Nova Boolean field with couple cool features

On detail page and index it's cool looks with el-tag element

Of course you can change standard 'True' 'False' labels on what want to

If you d'not want to be displayed el-tag you can hide it with
When you just see only label
ElementSwitch
ElementSwitch is depends on ElementCheckbox

If you want to show your labels on switch use method

Also you can change active/inactive colors on switch

Components in progress
InputNumberSelectAutocompleteCheckboxRadioSwitch- Date
- Time
- DateTime
- DataTimeRange
- Tabs
- Upload
- Slider
- Cascader
- Upload
- Transfer
Built With
- Laravel Nova - The best admin panel for Laravel
- Element UI - The best set of components for Vue.js
License
This project is licensed under the MIT License - see the LICENSE.md file for details