useCssSupports

类别

浏览器

导出体积

上次更改

2 months ago

兼容 SSR 的响应式 CSS.supports。

示例

源码 playground (beta)

useCssSupports("display: flex"): false

useCssSupports("container-type", "scroll-state"): false

用法

import { useCssSupports
 } from '@vueuse/core'

const { isSupported
 } = useCssSupports
('container-type', 'scroll-state')

类型声明

export interface UseCssSupportsOptions extends ConfigurableWindow {
  ssrValue
?: boolean
}
export interface UseCssSupportsReturn extends Supportable {}
export declare function useCssSupports
(
  property
: MaybeRefOrGetter
<string>,
  value
: MaybeRefOrGetter
<string>,
  options
?: UseCssSupportsOptions,
): UseCssSupportsReturn
export declare function useCssSupports
(
  conditionText
: MaybeRefOrGetter
<string>,
  options
?: UseCssSupportsOptions,
): UseCssSupportsReturn