in packages/showcase/legends/horizontal-discrete-color.js [36:62]
export default function DiscreteColorExample() {
return (
<div>
<svg height={0} width={0}>
<GradientDefs>
<pattern
id="stripes"
width="4"
height="4"
patternUnits="userSpaceOnUse"
>
<path d="M 0, 0 l 5, 5" stroke="#45aeb1" strokeLinecap="square" />
</pattern>
<pattern
id="circles"
width="3"
height="3"
patternUnits="userSpaceOnUse"
>
<circle cx="1.5" cy="1.5" r="0.8" fill="magenta" />
</pattern>
</GradientDefs>
</svg>
<DiscreteColorLegend orientation="horizontal" width={300} items={ITEMS} />
</div>
);
}