abdula571's avatar

Docs for components from laravel-nova-ui

I have created my own nova tools. I need to make my own editing form. I want to design it in the same style as the standard pages in laravel nove. And I want to reuse the input fields and other components that are already in nova. But there is no information anywhere on how to use them. There is no documentation for embedded components. Can you tell me if there is any information on the built-in UI components of laravel nova? I studied the source code of the components and saw that the components are in the laravel-nova-ui library. For example, in the CreateForm file.vue has a Button import: import {Button } from 'laravel-nova-ui'. Can I also import and reuse these components. And is there any documentation for them?

0 likes
2 replies
saeedparacha's avatar

There's no documentaiton on them. But I am facing an issue. In a laravel nova component, when I import just even a button from laravel-nova-ui, it ends up increasing my file size like from 30kb to 800kb. I guess for some reason it ends up importing the whole library and not just the button component.

DId you face any such issue?

cjholowatyj's avatar

Is it JS or CSS? For what little help my experience might be worth...

If it is an increase in the CSS size, I have stumbled across a few packages that diff the tailwind styles from the Laravel Nova build so that it dedupes the styles trimming the fat... I think I initially saw it in the Laravel Nova Mastery videos here on Laracasts though...

If it is an increase in JS size, I wouldn't have enough experience to help you solve that challenge, sorry.

Please or to participate in this conversation.