diff --git a/.changeset/famous-lamps-type.md b/.changeset/famous-lamps-type.md new file mode 100644 index 000000000..8ead8fcac --- /dev/null +++ b/.changeset/famous-lamps-type.md @@ -0,0 +1,5 @@ +--- +'@react-pdf/examples': minor +--- + +feat: add minPresenceAhead example diff --git a/packages/examples/.eslintrc.js b/packages/examples/.eslintrc.js index 756c5d38d..98189c96c 100644 --- a/packages/examples/.eslintrc.js +++ b/packages/examples/.eslintrc.js @@ -3,5 +3,6 @@ module.exports = { rules: { 'react/prop-types': 0, 'jsx-a11y/anchor-is-valid': 0, + 'react/jsx-one-expression-per-line': 0, }, }; diff --git a/packages/examples/src/minPresenceAhead/index.jsx b/packages/examples/src/minPresenceAhead/index.jsx new file mode 100644 index 000000000..24776e7be --- /dev/null +++ b/packages/examples/src/minPresenceAhead/index.jsx @@ -0,0 +1,46 @@ +import React from 'react'; +import { Document, Page, View, Text } from '@react-pdf/renderer'; + +const palette = [ + '#781c81', + '#521b80', + '#442f8b', + '#3f4c9f', + '#4069b4', + '#4582c1', + '#4e96bd', + '#5aa6a9', + '#68b090', + '#7ab878', + '#8dbc64', + '#a2be56', +]; + +const MinPresenceAhead = () => ( + + + {palette.map((color, i) => { + const minPresenceAhead = i === 8 ? 82 : 0; + + return ( + + Index: {i} + MinPresenceAhead: {minPresenceAhead} + + ); + })} + + +); + +export default MinPresenceAhead;