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