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 #

PropertyAttributeDescriptionTypeDefault
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

Integration

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.