Overview

Shows Kolibri logo.

Kolibri Logo

      <KLogo
        altText="Kolibri logo"
        :height="150"
        width="100%"
        :maxWidth="150"
      />
    

Usage

Alternative text

Alternative text (altText) is required for the logo image. When creating it, consider the following:

  • If the logo is used as a flat image, you can use the string "Kolibri logo"
  • If the the logo is used as a link, then the alternative text needs to give the context where the link is leading (for example "Go to home page", or similar)

Related

  • KLogo is derived from KImg and provides a subset of KImg's API.

Props

Name Description Type Default Required
altText
Alternative text for the logo
string '' true
height
Sets the height for the logo
number|string undefined
width
Sets the width for the logo
number|string undefined
maxHeight
Sets the maximum height for the logo
number|string undefined
minHeight
Sets the minimum height for the logo
number|string undefined
maxWidth
Sets the maximum width for the logo
number|string undefined
minWidth
Sets the minimum width for the logo
number|string undefined