Kanzo UI
Layout

MadeWith

A "Made with ♥ at …" attribution line, styled once.

import { MadeWith, type MadeWithProps } from "@kanzo-tech/ui";
<MadeWith href="https://kanzo.tech">Kanzo</MadeWith>

The heart carries role="img" and an accessible name, so the line reads as "Made with love at Kanzo" rather than dropping the word a sighted reader gets from the glyph.

It was deleted, and came back narrower

An earlier MadeWith was removed in 396bfd7 with a charge worth keeping in view: it hard-coded the English "Made with" / "at" and defaulted by to the brand name "Kanzo", in a library whose first admission rule is domain-freedom.

Both are gone. The brand is children and has no default, so the library names nobody — and markup as a prop was half the original complaint. The two English words are prefix and infix, props with English defaults, which is a convenience a caller replaces to translate rather than a domain the component carries. linkComponent is gone with DefaultLink: a router reaches the anchor through asChild on Link.

What reopened it is not an argument about the rule. It is that every product this library is built for ships this line, and writing four elements per product is the duplication a design system exists to end.

What would reverse it: a second product finding the sentence shape wrong — a different word order, a brand that is not last, a line needing two links. At that point this is one arrangement pretending to be a component, and four elements are cheap.

Translating

<MadeWith prefix="Hecho con" infix="en" loveLabel="amor" href="https://kanzo.tech">
  Kanzo
</MadeWith>

API Reference

PropTypeDefault
childrenReactNode— (required; the brand)
hrefstring
prefixstring"Made with"
infixstring"at"
loveLabelstring"love"
classNamestring

On this page