Pattern

• Components
• Constants
• Functions

Components

The Pattern component family provides the following components:

• Circle
• Defs
• Grid
• Group
• Part
• Path
• Pattern
• Point
• Snippet
• Stack
• Svg
• Text
• TextOnPath

Components

Circle

A component to render a circle inside a open clothes pattern

You can import the Circle component from the pattern component family in the @openclothes/react package:

Javascript

import { Circle } from "@openclothes/react/components/Pattern"

Defs

A component to render the defs section of an SVG element inside a open clothes pattern

You can import the Defs component from the pattern component family in the @openclothes/react package:

Javascript

import { Defs } from "@openclothes/react/components/Pattern"

Grid

A component to render the grid for a paperless open clothes pattern' stack

You can import the Grid component from the pattern component family in the @openclothes/react package:

Javascript

import { Grid } from "@openclothes/react/components/Pattern"

Group

A component to render an SVG group

You can import the Group component from the pattern component family in the @openclothes/react package:

Javascript

import { Group } from "@openclothes/react/components/Pattern"

Part

A component to render a open clothes Part (group) in a pattern

You can import the Part component from the pattern component family in the @openclothes/react package:

Javascript

import { Part } from "@openclothes/react/components/Pattern"

Path

A component to render a open clothes Path in a pattern

You can import the Path component from the pattern component family in the @openclothes/react package:

Javascript

import { Path } from "@openclothes/react/components/Pattern"

Pattern

A component to render a open clothes pattern based on its renderProps

You can import the Pattern component from the pattern component family in the @openclothes/react package:

Javascript

import { Pattern } from "@openclothes/react/components/Pattern"

Point

A component to render a open clothes Point in a pattern

You can import the Point component from the pattern component family in the @openclothes/react package:

Javascript

import { Point } from "@openclothes/react/components/Pattern"

Snippet

A component to render a open clothes Snippet in a pattern

You can import the Snippet component from the pattern component family in the @openclothes/react package:

Javascript

import { Snippet } from "@openclothes/react/components/Pattern"

Stack

A component to render a open clothes Stack inside a pattern

You can import the Stack component from the pattern component family in the @openclothes/react package:

Javascript

import { Stack } from "@openclothes/react/components/Pattern"

Svg

A component to render an SVG tag to hold a open clothes pattern

You can import the Svg component from the pattern component family in the @openclothes/react package:

Javascript

import { Svg } from "@openclothes/react/components/Pattern"

Text

A component to render a text tag in a open clothes pattern

You can import the Text component from the pattern component family in the @openclothes/react package:

Javascript

import { Text } from "@openclothes/react/components/Pattern"

TextOnPath

A component to render a text along a path in a open clothes pattern

You can import the TextOnPath component from the pattern component family in the @openclothes/react package:

Javascript

import { TextOnPath } from "@openclothes/react/components/Pattern"

Constants

The Pattern family exports the following constants:

• defaultComponents

defaultComponents

Default Pattern components that you can override

You can import the defaultComponents constant from the pattern family in the @openclothes/react package:

Javascript

import { defaultComponents } from "@openclothes/react/components/Pattern"

Functions

The Pattern family exports the following functions:

• getId
• getProps
• translateStrings
• withinPartBounds

getId

A method to generated an ID for an object part of a open clothes pattern

You can import the getId function from the pattern family in the @openclothes/react package:

Javascript

import { getId } from "@openclothes/react/components/Pattern"

getProps

A method to extract React props from an classic object

You can import the getProps function from the pattern family in the @openclothes/react package:

Javascript

import { getProps } from "@openclothes/react/components/Pattern"

translateStrings

A method to translate strings for a open clothes pattern

You can import the translateStrings function from the pattern family in the @openclothes/react package:

Javascript

import { translateStrings } from "@openclothes/react/components/Pattern"

withinPartBounds

A method to determine whether a open clothes point is within the bounding box of a open clothes part

You can import the withinPartBounds function from the pattern family in the @openclothes/react package:

Javascript

import { withinPartBounds } from "@openclothes/react/components/Pattern"