Returnless UI

Legend ​

The Legend component is used to display a legend for a chart.

Usage ​

js
<script lang="ts" setup>
import { Legend, LegendItem } from '@returnless/focus-ui';
</script>

<template>
  <Legend>
    <LegendItem color="green">Category 1</LegendItem>
    <LegendItem color="blue">Category 2</LegendItem>
    <LegendItem color="red">Category 3</LegendItem>
  </Legend>
</template>