Presets

Preset은 UnoCSS의 핵심입니다. 몇 분 안에 자신만의 사용자 정의 프레임워크를 만들 수 있게 해줍니다.

Preset 사용하기

프로젝트에 preset을 설정하려면:

import { defineConfig, presetAttributify, presetWind3 } from 'unocss'

export default defineConfig({
  presets: [
    presetAttributify({ /* preset options */}),
    presetWind3(),
    // ...custom presets
  ],
})

presets 옵션이 지정되면 기본 preset은 무시됩니다.

기본 preset을 비활성화하려면 presets를 빈 배열로 설정할 수 있습니다:

import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [], // disable default preset
  rules: [
    // your custom rules
  ],
})

더 많은 정보는 공식 presets 및 커뮤니티 presets를 확인하세요.

Preset 만들기

자신만의 사용자 정의 preset을 만드는 방법을 보려면 Config: presets를 참조하세요.