Common

Last updated

2026-10-15 UTC

Demo

common/demo.vue

云乐坊

云乐坊

<template>
  <div class="flex flex-wrap items-center gap-8">
    <YlfLogo />
    <YlfLogo layout="horizontal" size="sm" />
    <a href="https://www.yunle.fun/" aria-label="YunLeFun home">
      <YlfLogo size="sm" :wordmark="false" />
    </a>
  </div>
</template>

Brand logo

YlfLogo uses the official main site mark with sky blue and theme aware tokens. Decorative clouds are separate from the official logo. See Brand and interfaces.

Prop	Values	Default
size	sm / md / lg	md
layout	vertical / horizontal	vertical
wordmark	boolean	true