## Usage ```svelte ``` ## Variants Set the `variant` prop on the chart's `Legend` part. The API reference lists every available value. ### Square ### variant='square' ```svelte String(value).substring(0, 3)} /> ``` ### Circle ### variant='circle' ```svelte String(value).substring(0, 3)} /> ``` ### Circle outline ### variant='circle-outline' ```svelte String(value).substring(0, 3)} /> ``` ### Rounded square (default) ### variant='rounded-square' ```svelte String(value).substring(0, 3)} /> ``` ### Rounded square outline ### variant='rounded-square-outline' ```svelte String(value).substring(0, 3)} /> ``` ### Vertical bar ### variant='vertical-bar' ```svelte String(value).substring(0, 3)} /> ``` ### Horizontal bar ### variant='horizontal-bar' ```svelte String(value).substring(0, 3)} /> ``` ## API reference ### `variant` type: `"square" | "circle" | "circle-outline" | "rounded-square" | "rounded-square-outline" | "vertical-bar" | "horizontal-bar"` · default: `"rounded-square"` Style of the legend indicator icon. ### `align` type: `"left" | "center" | "right"` · default: `"right"` Horizontal alignment of the legend items. ### `verticalAlign` type: `"top" | "middle" | "bottom"` · default: `"top"` Places the legend above, within, or below the plot. ### `isClickable` type: `boolean` · default: `false` Lets each legend item toggle its series selection.