mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
chore(components): bind props.ui?.content on content elements
This commit is contained in:
@@ -88,7 +88,7 @@ const ui = computed(() => contextMenu({
|
||||
</ContextMenuTrigger>
|
||||
|
||||
<UContextMenuContent
|
||||
:class="ui.content({ class: props.class })"
|
||||
:class="ui.content({ class: [props.class, props.ui?.content] })"
|
||||
:ui="ui"
|
||||
:ui-override="props.ui"
|
||||
v-bind="contentProps"
|
||||
|
||||
@@ -73,7 +73,7 @@ const ui = drawer()
|
||||
<DrawerPortal :disabled="!portal">
|
||||
<DrawerOverlay v-if="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
|
||||
|
||||
<DrawerContent :class="ui.content({ class: props.class })" v-bind="contentProps">
|
||||
<DrawerContent :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps">
|
||||
<slot name="handle">
|
||||
<div :class="ui.handle({ class: props.ui?.handle })" />
|
||||
</slot>
|
||||
|
||||
@@ -98,7 +98,7 @@ const ui = computed(() => dropdownMenu({
|
||||
</DropdownMenuTrigger>
|
||||
|
||||
<UDropdownMenuContent
|
||||
:class="ui.content({ class: props.class })"
|
||||
:class="ui.content({ class: [props.class, props.ui?.content] })"
|
||||
:ui="ui"
|
||||
:ui-override="props.ui"
|
||||
v-bind="contentProps"
|
||||
|
||||
@@ -100,7 +100,7 @@ const ui = computed(() => modal({
|
||||
<DialogPortal :disabled="!portal">
|
||||
<DialogOverlay v-if="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
|
||||
|
||||
<DialogContent :class="ui.content({ class: props.class })" v-bind="contentProps" v-on="contentEvents">
|
||||
<DialogContent :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps" v-on="contentEvents">
|
||||
<slot name="content">
|
||||
<div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (close || !!slots.close)" :class="ui.header({ class: props.ui?.header })">
|
||||
<slot name="header">
|
||||
|
||||
@@ -78,7 +78,7 @@ const Component = computed(() => props.mode === 'hover' ? HoverCard : Popover)
|
||||
</Component.Trigger>
|
||||
|
||||
<Component.Portal :disabled="!portal">
|
||||
<Component.Content v-bind="contentProps" :class="ui.content({ class: props.class })">
|
||||
<Component.Content v-bind="contentProps" :class="ui.content({ class: [props.class, props.ui?.content] })">
|
||||
<slot name="content" />
|
||||
|
||||
<Component.Arrow v-if="!!arrow" v-bind="arrowProps" :class="ui.arrow({ class: props.ui?.arrow })" />
|
||||
|
||||
@@ -111,7 +111,7 @@ const ui = computed(() => slideover({
|
||||
<DialogPortal :disabled="!portal">
|
||||
<DialogOverlay v-if="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
|
||||
|
||||
<DialogContent :data-side="side" :class="ui.content({ class: props.class })" v-bind="contentProps" v-on="contentEvents">
|
||||
<DialogContent :data-side="side" :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps" v-on="contentEvents">
|
||||
<slot name="content">
|
||||
<div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (close || !!slots.close)" :class="ui.header({ class: props.ui?.header })">
|
||||
<slot name="header">
|
||||
|
||||
@@ -72,7 +72,7 @@ const ui = computed(() => tooltip({
|
||||
</TooltipTrigger>
|
||||
|
||||
<TooltipPortal :disabled="!portal">
|
||||
<TooltipContent v-bind="contentProps" :class="ui.content({ class: props.class })">
|
||||
<TooltipContent v-bind="contentProps" :class="ui.content({ class: [props.class, props.ui?.content] })">
|
||||
<slot name="content">
|
||||
<span v-if="text" :class="ui.text({ class: props.ui?.text })">{{ text }}</span>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user