PitchKit
API Reference@pitchkit/reactInterfaces

PitchProps

Defined in: packages/react/src/Pitch.tsx:24

Properties

PropertyTypeDescriptionDefined in
appearance?PitchAppearance-packages/react/src/Pitch.tsx:46
children?ReactNode-packages/react/src/Pitch.tsx:49
className?string-packages/react/src/Pitch.tsx:47
crop?CropWindow-packages/react/src/Pitch.tsx:44
dimensions?PitchDimensionOverridesThe real extent of this particular pitch, for providers whose coordinates are metres on an actual pitch rather than a fixed grid. SkillCorner is the case that needs it: their pitches really are 104 to 106 m long, and the data is in real metres, so passing the match's own pitch_length/pitch_width draws the touchlines where they actually were. Markings don't move — a penalty area is 16.5 m deep on any pitch. Leave it unset for grid-based providers; overriding a normalized grid (Opta's 0-100) throws rather than silently rescaling.packages/react/src/Pitch.tsx:38
height?number-packages/react/src/Pitch.tsx:43
orientation?OrientationDefault "horizontal"packages/react/src/Pitch.tsx:40
padding?ViewportPadding-packages/react/src/Pitch.tsx:45
style?CSSProperties-packages/react/src/Pitch.tsx:48
typePitchTypeId-packages/react/src/Pitch.tsx:25
width?numberFixed pixel size — the opt-out from the responsive default. Provide both, or neither.packages/react/src/Pitch.tsx:42

On this page