Akryum / floating-vue

💬 Easy tooltips, popovers, dropdown, menus... for Vue
https://floating-vue.starpad.dev/
MIT License
3.31k stars 337 forks source link

Request: should have an option to remove the arrow #978

Closed timothymarois closed 1 year ago

timothymarois commented 1 year ago

Should have a way to remove the arrow since that is a design choice. Maybe there is; maybe you can use CSS for it. But there should be a config to remove it. Having the arrow dictates the component's visual, therefore, limits its use.

timothymarois commented 1 year ago

Reopening because its still relevant. You can do

<style>
.v-popper--theme-dropdown-menu .v-popper__arrow-container {
    display: none;
}
</style>

however, this is a hack, and should have a real solution within the config.

antfu commented 1 year ago

I don't think it's a hack, it's a valid CSS override. This is needed when you are using the default theme, while you can always write your own theme without arrows or whatever you want. Floating Vue itself is styleless.