Skip to main content
LocalTapiola Turva

Logo ready

Logo is a component used inside the header and footer components. Logo prodives options to customize the language and appearance in addition to theme.

Properties #

hrefhrefWhere the logo links to.string"/"
inverseinverseUse inverse version of the logo (white logo on dark background).booleanfalse
languagelanguageThe language of the logo. Can be one of: "fi", "sv", "en".string"fi"
marginmarginControls the margin of the component. Can be one of: "auto", "none".string"auto"
sizesizeSize variation of the logo. Can be one of: "medium", "large".string"medium"
themethemeTheme of the logo. Can be one of: "default", "turva".string""

Dependencies #

Used by #

Graph #

graph TD;
  duet-footer --> duet-logo
  duet-nav --> duet-logo
  style duet-logo fill:#f9f,stroke:#333,stroke-width:4px


For integration, events and theming guidelines, please see Using Components. That page explains how to implement and use Duet’s components across different technologies like Angular, React or Vanilla JavaScript.