w1c-badge-88x31

Badge 88x31

Use w1c-badge-88x31 for browser badges, project links, validators, affiliations, and “best viewed in” stamps.

import '@w1c/components/badge-88x31';

<w1c-badge-88x31 href="/about/" label="My Site">
	<span slot="icon">★</span>
	LOL
</w1c-badge-88x31>

API

• href: renders the badge as a link when set.
• target: forwarded to the link.
• rel: forwarded to the link.
• variant: split, plain, or warning.
• label: fallback text when the default slot is empty.

Slots

• default badge label
• icon: small left-side mark

Parts

• chrome
• icon
• label