Koala logo Design
Esc
No matches for “
↑↓ navigate open Esc close
Components Hoowla link

Hoowla link

The Hoowla logo + label used to deep-link into the third-party case management system, or as the body of an unlinked sync button when the record isn't yet linked.

<koala-hoowla-cta>

Canonical

Deep-link into Hoowla. Opens in a new tab. Logo + label + external-link glyph in a single hover group.

Variants

3 variants
Linked
<koala-hoowla-link>
Custom label
label="Acme Legal"
Sync button
<koala-hoowla-cta>

States

4 states
Default
Hover
Label underlines, colour darkens.
Focus
Use the keyboard to reach it.
Disabled

Props

3 attributes

Props on <koala-hoowla-link>.

Attribute Values Notes
href string Required. The Hoowla URL. Opens in a new tab.
label string? Defaults to Hoowla. Override with the entity name when contextually clearer.
tooltip string? Optional tippy tooltip on the link.

Do & don't

Do Always pair the logo with the external-link glyph so the user knows the link leaves the app.
Don't Don't render Hoowla as a plain text link. The logo is the recognition cue — partners scan for it on every transaction.