/resources/js/Components/ui
Shadcn-vue components: https://www.shadcn-vue.com/docs/components
VITE_ANIMATIONS
in .env
file to empty.
You can also pass animate
property to each of those components to enable or disable animations per component. You can find more info in docs for each of those components.
VITE_BACKDROP_BLUR
in .env
file to backdrop-blur-none
.
If you want to use different blur value, set VITE_BACKDROP_BLUR
in .env
file to one of available classes. Default value is backdrop-blur-sm
.
If your new class is not working, make sure to safelist the class in tailwind.config.js
under safelist
array.
ToolTipProvider
in the source code.
There is a minor bug
when using tooltips:
If you have an element with tooltip inside your popover
, dialog
, dropdown
or any similar element with open and close states, the first tooltip will be rendered when you open it.
Use this code to prevent tooltip auto-show (check radix-vue docs for exact names)
modules/Roadmap/resources/js/Pages/Show.vue
.
resources/js/composable/useDialog.ts
which you can use to control dialog states.
Dialog
,
AlertDialog
, Popover
, Sheet
, etc.isOpen
presents dialog state which tells you if dialog is open (true) or closed (false).
openDialog
and closeDialog
are functions to open or close the dialog.
Then you can use it to set the dialog’s v-model: