@nutshelllabs/primitives
Internal element type constants for react-pdf. This package defines the primitive node types used throughout the react-pdf rendering pipeline.
Installation
yarn add @nutshelllabs/primitives
Usage
import { View, Text, Page, Document } from '@nutshelllabs/primitives';
console.log(View);
console.log(Text);
console.log(Page);
console.log(Document);
These constants are primarily used internally by react-pdf packages to identify element types during the rendering process.
Available Primitives
Document Structure
Document | 'DOCUMENT' | Root document container |
Page | 'PAGE' | Individual page within a document |
View | 'VIEW' | Generic container element |
Text | 'TEXT' | Text content container |
Link | 'LINK' | Hyperlink element |
Note | 'NOTE' | Annotation/note element |
Image | 'IMAGE' | Image element |
Canvas | 'CANVAS' | Custom drawing canvas |
Form Elements
FieldSet | 'FIELD_SET' | Form field grouping container |
TextInput | 'TEXT_INPUT' | Text input field |
Select | 'SELECT' | Dropdown select field |
Checkbox | 'CHECKBOX' | Checkbox input field |
List | 'LIST' | List element for forms |
SVG Elements
Svg | 'SVG' | SVG root container |
G | 'G' | SVG group element |
Path | 'PATH' | SVG path element |
Rect | 'RECT' | SVG rectangle element |
Line | 'LINE' | SVG line element |
Circle | 'CIRCLE' | SVG circle element |
Ellipse | 'ELLIPSE' | SVG ellipse element |
Polygon | 'POLYGON' | SVG polygon element |
Polyline | 'POLYLINE' | SVG polyline element |
Tspan | 'TSPAN' | SVG text span element |
ClipPath | 'CLIP_PATH' | SVG clipping path |
Defs | 'DEFS' | SVG definitions container |
Stop | 'STOP' | Gradient stop element |
LinearGradient | 'LINEAR_GRADIENT' | Linear gradient definition |
RadialGradient | 'RADIAL_GRADIENT' | Radial gradient definition |
Internal Types
TextInstance | 'TEXT_INSTANCE' | Internal representation of text content |
License
MIT