Multi-link examples

This page contains a few examples of <multi-link>.

The TL;DR example from the README

Without the multi-link web component (or without JavaScript enabled):

Eat your Carrots, Parsnips, or Leeks.

With the web component:

Eat your Carrots, Parsnips, or Leeks .

A simple dropdown

Without multi-link:

Links to homepages related to Norm [see also nwalsh.com and So…].

With multi-link:

Links to homepages related to Norm [see also nwalsh.com and So…] .

With link-text and a header

Without multi-link:

Information about DocBook (Wikipedia) [see also DocBook.org, DocBook: The Definitive Guide, and DocBook xslTNG].

With multi-link:

Information about DocBook (Wikipedia) [see also DocBook.org, DocBook: The Definitive Guide, and DocBook xslTNG] .

The CSS stylesheet uses a ::part() selector to change the color of the header.

More styling options

Without multi-link:

Or maybe you’re more interested in Daniel Craig’s recent films: Knives Out, No Time to Die, and Glass Onion: A Knives Out Mystery.

With multi-link

Or maybe you’re more interested in Daniel Craig’s recent films: Knives Out, No Time to Die, and Glass Onion: A Knives Out Mystery .

The CSS stylesheet uses more ::part() selectors to change the color of the links in the dropdown and the use of background color.