Overview
Shows 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
- KLogois derived from- KImgand 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
         | — |