ZvLogo

ZvLogo is a standalone component to display logo

INFO

Before you have to import the global css files in your project, follow instructions in Getting Started

Basic usage

Inherits font color

Black

White

vue

<template>
  <ZvLogo />
  <br />
  <ZvLogo variant="monogram" class="w-40"/>

  <br />

  <div class="bg-brand p-4 flex flex-col gap-4">
    <ZvLogo variant="logo" color="white" />
    <ZvLogo variant="monogram" color="white" class="w-40" />
  </div>
</template>

<script lang="ts" setup>
  import ZvLogo from '@zadigetvoltaire/ui/components/ZvLogo'
</script>

Types

type LogoVariant = 'logo' | 'monogram'

ZvLogo ​

Basic usage ​

Inherits font color ​

Black ​

White ​

Types ​

ZvLogo

Basic usage

Inherits font color

Black

White

Types