Skip to main content

Linedrawing

Components​

warning

All FreeSewing designs SHOULD have the full and front line drawing component. The back component is optional.

If there is no specific front component, the front component MUST be exported as a copy of the full component.

The LineDrawing component family provides the following components:

Aaron​

A linedrawing component for Aaron

You can import the Aaron component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Aaron } from "@freesewing/react/components/LineDrawing"

AaronBack​

A linedrawing component for the front of Aaron

You can import the AaronBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { AaronBack } from "@freesewing/react/components/LineDrawing"

AaronFront​

A linedrawing component for the front of Aaron

You can import the AaronFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { AaronFront } from "@freesewing/react/components/LineDrawing"

Albert​

A linedrawing component for Albert

You can import the Albert component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Albert } from "@freesewing/react/components/LineDrawing"

AlbertFront​

A linedrawing component for the front of Albert

You can import the AlbertFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { AlbertFront } from "@freesewing/react/components/LineDrawing"

Bee​

A linedrawing component for Bee

You can import the Bee component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Bee } from "@freesewing/react/components/LineDrawing"

BeeFront​

A linedrawing component for the front of Bee

You can import the BeeFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BeeFront } from "@freesewing/react/components/LineDrawing"

Bella​

A linedrawing component for Bella

You can import the Bella component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Bella } from "@freesewing/react/components/LineDrawing"

BellaBack​

A linedrawing component for the back of Bella

You can import the BellaBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BellaBack } from "@freesewing/react/components/LineDrawing"

BellaFront​

A linedrawing component for the front of Bella

You can import the BellaFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BellaFront } from "@freesewing/react/components/LineDrawing"

Benjamin​

A linedrawing component for Benjamin

You can import the Benjamin component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Benjamin } from "@freesewing/react/components/LineDrawing"

BenjaminFront​

A linedrawing component for the front of Benjamin

You can import the BenjaminFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BenjaminFront } from "@freesewing/react/components/LineDrawing"

Bent​

A linedrawing component for Bent

You can import the Bent component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Bent } from "@freesewing/react/components/LineDrawing"

BentBack​

A linedrawing component for the back of Bent

You can import the BentBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BentBack } from "@freesewing/react/components/LineDrawing"

BentFront​

A linedrawing component for the front of Bent

You can import the BentFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BentFront } from "@freesewing/react/components/LineDrawing"

Bibi​

A linedrawing component for Bibi

You can import the Bibi component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Bibi } from "@freesewing/react/components/LineDrawing"

BibiBack​

A linedrawing component for the back of Bibi

You can import the BibiBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BibiBack } from "@freesewing/react/components/LineDrawing"

BibiFront​

A linedrawing component for the front of Bibi

You can import the BibiFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BibiFront } from "@freesewing/react/components/LineDrawing"

Bob​

A linedrawing component for Bob

You can import the Bob component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Bob } from "@freesewing/react/components/LineDrawing"

BobBack​

A linedrawing component for the back of Bob

You can import the BobBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BobBack } from "@freesewing/react/components/LineDrawing"

BobFront​

A linedrawing component for the front of Bob

You can import the BobFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BobFront } from "@freesewing/react/components/LineDrawing"

Breanna​

A linedrawing component for Breanna

You can import the Breanna component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Breanna } from "@freesewing/react/components/LineDrawing"

BreannaBack​

A linedrawing component for the back of Breanna

You can import the BreannaBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BreannaBack } from "@freesewing/react/components/LineDrawing"

BreannaFront​

A linedrawing component for the front of Breanna

You can import the BreannaFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BreannaFront } from "@freesewing/react/components/LineDrawing"

Brian​

A linedrawing component for Brian

You can import the Brian component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Brian } from "@freesewing/react/components/LineDrawing"

BrianBack​

A linedrawing component for the back of Brian

You can import the BrianBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BrianBack } from "@freesewing/react/components/LineDrawing"

BrianFront​

A linedrawing component for the front of Brian

You can import the BrianFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BrianFront } from "@freesewing/react/components/LineDrawing"

Bruce​

A linedrawing component for Bruce

You can import the Bruce component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Bruce } from "@freesewing/react/components/LineDrawing"

BruceBack​

A linedrawing component for the back of Bruce

You can import the BruceBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BruceBack } from "@freesewing/react/components/LineDrawing"

BruceFront​

A linedrawing component for the front of Bruce

You can import the BruceFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { BruceFront } from "@freesewing/react/components/LineDrawing"

Carlita​

A linedrawing component for Carlita

You can import the Carlita component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Carlita } from "@freesewing/react/components/LineDrawing"

CarlitaBack​

A linedrawing component for the back of Carlita

You can import the CarlitaBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { CarlitaBack } from "@freesewing/react/components/LineDrawing"

CarlitaFront​

A linedrawing component for the front of Carlita

You can import the CarlitaFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { CarlitaFront } from "@freesewing/react/components/LineDrawing"

Carlton​

A linedrawing component for Carlton

You can import the Carlton component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Carlton } from "@freesewing/react/components/LineDrawing"

CarltonBack​

A linedrawing component for the back of Carlton

You can import the CarltonBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { CarltonBack } from "@freesewing/react/components/LineDrawing"

CarltonFront​

A linedrawing component for the front of Carlton

You can import the CarltonFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { CarltonFront } from "@freesewing/react/components/LineDrawing"

Cathrin​

No docs passed in

CathrinBack​

No docs passed in

CathrinFront​

No docs passed in

Charlie​

A linedrawing component for Charlie

You can import the Charlie component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Charlie } from "@freesewing/react/components/LineDrawing"

CharlieBack​

A linedrawing component for the back of Charlie

You can import the CharlieBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { CharlieBack } from "@freesewing/react/components/LineDrawing"

CharlieFront​

A linedrawing component for the front of Charlie

You can import the CharlieFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { CharlieFront } from "@freesewing/react/components/LineDrawing"

Cornelius​

A linedrawing component for Cornelius

You can import the Cornelius component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Cornelius } from "@freesewing/react/components/LineDrawing"

CorneliusBack​

A linedrawing component for the back of Cornelius

You can import the CorneliusBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { CorneliusBack } from "@freesewing/react/components/LineDrawing"

CorneliusFront​

A linedrawing component for the front of Cornelius

You can import the CorneliusFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { CorneliusFront } from "@freesewing/react/components/LineDrawing"

Diana​

A linedrawing component for Diana

You can import the Diana component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Diana } from "@freesewing/react/components/LineDrawing"

DianaBack​

A linedrawing component for the back Diana

You can import the DianaBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { DianaBack } from "@freesewing/react/components/LineDrawing"

DianaFront​

A linedrawing component for the front Diana

You can import the DianaFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { DianaFront } from "@freesewing/react/components/LineDrawing"

Florence​

A linedrawing component for Florence

You can import the Florence component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Florence } from "@freesewing/react/components/LineDrawing"

FlorenceFront​

A linedrawing component for the front of Florence

You can import the FlorenceFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { FlorenceFront } from "@freesewing/react/components/LineDrawing"

Florent​

A linedrawing component for Florent

You can import the Florent component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Florent } from "@freesewing/react/components/LineDrawing"

FlorentFront​

A linedrawing component for the front of Florent

You can import the FlorentFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { FlorentFront } from "@freesewing/react/components/LineDrawing"

Gozer​

A linedrawing component for Gozer

You can import the Gozer component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Gozer } from "@freesewing/react/components/LineDrawing"

GozerBack​

A linedrawing component for the back of Gozer

You can import the GozerBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { GozerBack } from "@freesewing/react/components/LineDrawing"

GozerFront​

A linedrawing component for the front of Gozer

You can import the GozerFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { GozerFront } from "@freesewing/react/components/LineDrawing"

Hi​

A linedrawing component for Hi

You can import the Hi component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Hi } from "@freesewing/react/components/LineDrawing"

HiFront​

A linedrawing component for the front of Hi

You can import the HiFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { HiFront } from "@freesewing/react/components/LineDrawing"

Holmes​

A linedrawing component for Holmes

You can import the Holmes component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Holmes } from "@freesewing/react/components/LineDrawing"

HolmesFront​

A linedrawing component for the front of Holmes

You can import the HolmesFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { HolmesFront } from "@freesewing/react/components/LineDrawing"

Hortensia​

A linedrawing component for Hortensia

You can import the Hortensia component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Hortensia } from "@freesewing/react/components/LineDrawing"

HortensiaFront​

A linedrawing component for the front of Hortensia

You can import the HortensiaFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { HortensiaFront } from "@freesewing/react/components/LineDrawing"

Huey​

A linedrawing component for Huey

You can import the Huey component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Huey } from "@freesewing/react/components/LineDrawing"

HueyBack​

No docs passed in

HueyFront​

A linedrawing component for front of Huey

You can import the HueyFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { HueyFront } from "@freesewing/react/components/LineDrawing"

Hugo​

A linedrawing component for Hugo

You can import the Hugo component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Hugo } from "@freesewing/react/components/LineDrawing"

HugoBack​

A linedrawing component for the back of Hugo

You can import the HugoBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { HugoBack } from "@freesewing/react/components/LineDrawing"

HugoFront​

A linedrawing component for the front of Hugo

You can import the HugoFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { HugoFront } from "@freesewing/react/components/LineDrawing"

Jane​

A linedrawing component for Jane

You can import the Jane component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Jane } from "@freesewing/react/components/LineDrawing"

JaneBack​

A linedrawing component for the back of Jane

You can import the JaneBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { JaneBack } from "@freesewing/react/components/LineDrawing"

JaneFront​

A linedrawing component for the front of Jane

You can import the JaneFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { JaneFront } from "@freesewing/react/components/LineDrawing"

Lucy​

A linedrawing component for Lucy

You can import the Lucy component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Lucy } from "@freesewing/react/components/LineDrawing"

LucyFront​

A linedrawing component for the front of Lucy

You can import the LucyFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { LucyFront } from "@freesewing/react/components/LineDrawing"

Lumina​

A linedrawing component for Lumina

You can import the Lumina component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Lumina } from "@freesewing/react/components/LineDrawing"

LuminaBack​

A linedrawing component for the back of Lumina

You can import the LuminaBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { LuminaBack } from "@freesewing/react/components/LineDrawing"

LuminaFront​

A linedrawing component for the front of Lumina

You can import the LuminaFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { LuminaFront } from "@freesewing/react/components/LineDrawing"

Lumira​

A linedrawing component for Lumira

You can import the Lumira component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Lumira } from "@freesewing/react/components/LineDrawing"

LumiraBack​

A linedrawing component for the back of Lumira

You can import the LumiraBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { LumiraBack } from "@freesewing/react/components/LineDrawing"

LumiraFront​

A linedrawing component for the front of Lumira

You can import the LumiraFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { LumiraFront } from "@freesewing/react/components/LineDrawing"

Lunetius​

A linedrawing component for Lunetius

You can import the Lunetius component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Lunetius } from "@freesewing/react/components/LineDrawing"

LunetiusFront​

A linedrawing component for the front of Lunetius

You can import the LunetiusFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { LunetiusFront } from "@freesewing/react/components/LineDrawing"

Noble​

A linedrawing component for Noble

You can import the Noble component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Noble } from "@freesewing/react/components/LineDrawing"

NobleBack​

A linedrawing component for the back of Noble

You can import the NobleBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { NobleBack } from "@freesewing/react/components/LineDrawing"

NobleFront​

A linedrawing component for the front of Noble

You can import the NobleFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { NobleFront } from "@freesewing/react/components/LineDrawing"

Simon​

A linedrawing component for Simon

You can import the Simon component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Simon } from "@freesewing/react/components/LineDrawing"

SimonBack​

A linedrawing component for the back of Simon

You can import the SimonBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { SimonBack } from "@freesewing/react/components/LineDrawing"

SimonFront​

A linedrawing component for the front of Simon

You can import the SimonFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { SimonFront } from "@freesewing/react/components/LineDrawing"

Teagan​

A linedrawing component for Teagan

You can import the Teagan component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Teagan } from "@freesewing/react/components/LineDrawing"

TeaganBack​

A linedrawing component for the back of Teagan

You can import the TeaganBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { TeaganBack } from "@freesewing/react/components/LineDrawing"

TeaganFront​

A linedrawing component for the front of Teagan

You can import the TeaganFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { TeaganFront } from "@freesewing/react/components/LineDrawing"

Tristan​

A linedrawing component for Tristan

You can import the Tristan component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Tristan } from "@freesewing/react/components/LineDrawing"

TristanBack​

A linedrawing component for the back of Tristan

You can import the TristanBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { TristanBack } from "@freesewing/react/components/LineDrawing"

TristanFront​

A linedrawing component for the front of Tristan

You can import the TristanFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { TristanFront } from "@freesewing/react/components/LineDrawing"

Uma​

A linedrawing component for Uma

You can import the Uma component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Uma } from "@freesewing/react/components/LineDrawing"

UmaBack​

A linedrawing component for the back of Uma

You can import the UmaBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { UmaBack } from "@freesewing/react/components/LineDrawing"

UmaFront​

A linedrawing component for the front of Uma

You can import the UmaFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { UmaFront } from "@freesewing/react/components/LineDrawing"

Umbra​

A linedrawing component for Umbra

You can import the Umbra component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Umbra } from "@freesewing/react/components/LineDrawing"

UmbraBack​

A linedrawing component for the back of Umbra

You can import the UmbraBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { UmbraBack } from "@freesewing/react/components/LineDrawing"

UmbraFront​

A linedrawing component for the front of Umbra

You can import the UmbraFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { UmbraFront } from "@freesewing/react/components/LineDrawing"

Wahid​

A linedrawing component for Wahid

You can import the Wahid component from the linedrawing component family in the @freesewing/react package:

Javascript
import { Wahid } from "@freesewing/react/components/LineDrawing"

WahidBack​

A linedrawing component for the back of Wahid

You can import the WahidBack component from the linedrawing component family in the @freesewing/react package:

Javascript
import { WahidBack } from "@freesewing/react/components/LineDrawing"

WahidFront​

A linedrawing component for the front of Wahid

You can import the WahidFront component from the linedrawing component family in the @freesewing/react package:

Javascript
import { WahidFront } from "@freesewing/react/components/LineDrawing"

Constants​

This component family also exports the following helper objects:

  • lineDrawings: An object where the key is the design name and the value the full LineDrawing component
  • lineDrawingsBack: An object where the key is the design name and the value the back LineDrawing component
  • lineDrawingsFront: An object where the key is the design name and the value the front LineDrawing component

lineDrawings​

An object where the key is the design name and the value the full LineDrawing component

You can import the lineDrawings constant from the linedrawing family in the @freesewing/react package:

Javascript
import { lineDrawings } from "@freesewing/react/components/LineDrawing"

lineDrawingsBack​

An object where the key is the design name and the value the back LineDrawing component

You can import the lineDrawingsBack constant from the linedrawing family in the @freesewing/react package:

Javascript
import { lineDrawingsBack } from "@freesewing/react/components/LineDrawing"

lineDrawingsFront​

An object where the key is the design name and the value the front LineDrawing component

You can import the lineDrawingsFront constant from the linedrawing family in the @freesewing/react package:

Javascript
import { lineDrawingsFront } from "@freesewing/react/components/LineDrawing"