arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-30 11:47:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(Slideover): use variants to type side prop

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-04 12:09:32 +02:00
parent bc85d70924
commit b99482913e
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/runtime/components/Slideover.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import { tv } from 'tailwind-variants' import { tv, type VariantProps } from 'tailwind-variants'
import type { DialogRootProps, DialogRootEmits, DialogContentProps } from 'radix-vue' import type { DialogRootProps, DialogRootEmits, DialogContentProps } from 'radix-vue'
import type { AppConfig } from '@nuxt/schema' import type { AppConfig } from '@nuxt/schema'
import _appConfig from '#build/app.config' import _appConfig from '#build/app.config'
@@ -10,13 +10,15 @@ const appConfig = _appConfig as AppConfig & { ui: { slideover: Partial<typeof th
const slideover = tv({ extend: tv(theme), ...(appConfig.ui?.slideover || {}) }) const slideover = tv({ extend: tv(theme), ...(appConfig.ui?.slideover || {}) })
type SlideoverVariants = VariantProps<typeof slideover>
export interface SlideoverProps extends DialogRootProps { export interface SlideoverProps extends DialogRootProps {
title?: string title?: string
description?: string description?: string
content?: Omit<DialogContentProps, 'asChild' | 'forceMount'> content?: Omit<DialogContentProps, 'asChild' | 'forceMount'>
overlay?: boolean overlay?: boolean
transition?: boolean transition?: boolean
side?: 'left' | 'right' | 'top' | 'bottom' side?: SlideoverVariants['side']
preventClose?: boolean preventClose?: boolean
portal?: boolean portal?: boolean
close?: ButtonProps | null close?: ButtonProps | null