Logotype

The Logotype component provides a reusable pattern for logotype in the interface.

Logotype

This is a logotype

Logotype with caption

Renders a logotype image with a caption label displayed below it.

Example logotype
Helsingborg Stad

Logotype placeholder

Renders the placeholder state when no image source is provided, displaying the placeholder text.

Image missing

Logotype aligned

Renders a logotype with center alignment applied via the classList modifier class.

Example logotype

Logotype in a link

Renders a logotype wrapped in an anchor tag, activating the hover highlight effect.

API

Parameter Default Description
false A image source
Alt text for the image
A label below the logotype. eg company name
A title (not displayed)
Image missing What to show if an invalid url is entered.
true Enable / disable ripple fx

Similar components