# ChartPatternDefs

> `<pattern>` definitions to place inside an `<svg><defs>`.

Source: https://ui.jcsoftdev.com/docs/components/chart-pattern-defs

`<pattern>` definitions to place inside an `<svg><defs>`. Strokes and fills
use the item colour through `style`, so tokens resolve per theme.

## Import

```ts
import { ChartPatternDefs } from "@jcsoftdev/ui/charts";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/charts/core`.

## Usage

```tsx
export const Gallery: Story = {};
```

_Source of the Storybook story._

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `items` * | `readonly PatternDefItem[]` |  |  |

`*` marks a required prop.

## Storybook stories

- [Gallery](/storybook/?path=/story/charts-primitives-chartpatterndefs--gallery)
- [Custom Tile](/storybook/?path=/story/charts-primitives-chartpatterndefs--custom-tile)

## Source

`packages/ui/src/charts/core/pattern-defs.tsx`