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
KLogo
is derived fromKImg
and provides a subset ofKImg
'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
| — |