Logo ​

The VLogo component a simple way to display Morpheme Logo.

Usage ​

Basic Usage ​

To use the logo component, just use it in the template like so:

White ​

Use white prop to display white version of Logo.

Custom Class ​

You can add custom class to the image via img-class prop.

Link ​

You set link to the logo using to prop.

<template>
  <v-logo to="/" />
</template>

<template>
  <v-logo to="/" />
</template>

Sizes ​

To change the size of logo, use size prop or just use width and/or height props.

Props ​

Events ​

None

Slots ​

None

CSS Variables ​

None

Standalone Installation ​

You can also install the Logo component individually via @morpheme/logo package:

npm i @morpheme/logo

npm i @morpheme/logo

<script setup lang="ts">
import VLogo from '@morpheme/logo';
</script>

<template>
  <VLogo />
</template>

<script setup lang="ts">
import VLogo from '@morpheme/logo';
</script>

<template>
  <VLogo />
</template>

Storybook ​

View Storybook documentation here.