Nova Element UI screenshot

Nova Element UI

Author Avatar Theme by Fat4lix
Updated: 9 Sep 2018
162 Stars

Element UI components for Laravel Nova

Overview

Nova + Element UI is a powerful combination designed for Laravel developers who want to elevate their Nova admin panel experience with elegant Vue.js components. This package, which can be easily integrated into Laravel Nova, offers a variety of sophisticated UI elements that enhance usability and aesthetics, making the process of managing data not only more efficient but also visually appealing.

With a comprehensive set of components including input fields, checkboxes, and tabs, developers can create highly interactive and responsive interfaces without the need to build these features from scratch. Whether you’re looking to implement advanced input options or intuitive data representation, Nova + Element UI has the tools you need.

Features

  • ElementTabsRelations: Split relation lists into tabs for better organization, supporting relation fields like HasMany and BelongsToMany.

  • ElementInput: A versatile input field with enhancements like clearable actions and prefix/suffix icons, and the ability to transform into a textarea with additional configuration.

  • ElementAutocomplete: An intuitive input that offers autocomplete suggestions, customizable placement, and debouncing for smoother user experience.

  • ElementSelect: A beautifully designed select field that enhances user selection processes.

  • ElementNumber: An advanced number input offering additional functionalities such as precision settings and control button positioning.

  • ElementCheckbox: A visually appealing checkbox that can display tags or be customized to show user-defined labels.

  • ElementSwitch: A sleek switch component allowing label display customization along with active/inactive color adjustments.

  • Ongoing Development: Future components are planned, including DateTime, Upload, Slider, and more to continually improve user experience.