feat: Flat import of markdown repo
This is a flat (without history) import of (some of) the content from our markdown module. We've imported this without history because the repo contains our blog posts and showcases posts content prior to porting them to strapi. Since this contains many images, it would balloon the size of this repo to import the full history. Instead, please refer to the history of the (archived) markdown repo at: https://github.com/freesewing/markdown
This commit is contained in:
parent
1671a896b5
commit
b34a2ee2ed
6132 changed files with 244167 additions and 0 deletions
33
markdown/dev/reference/packages/components/draft/en.md
Normal file
33
markdown/dev/reference/packages/components/draft/en.md
Normal file
|
@ -0,0 +1,33 @@
|
|||
---
|
||||
title: Draft
|
||||
---
|
||||
|
||||
The `Draft` component renders a FreeSewing pattern in the browser as SVG.
|
||||
|
||||
To use the `Draft` component, pass it the result of `pattern.getRenderProps()`
|
||||
as props:
|
||||
|
||||
```js
|
||||
const renderProps = pattern.draft().getRenderProps()
|
||||
|
||||
return <Draft {...renderProps} />
|
||||
```
|
||||
|
||||
<Note>
|
||||
|
||||
##### Ensuring consistency of snippets between SVG and React output
|
||||
|
||||
The `pattern.getRenderProps()` returns a range of props, including
|
||||
an SVG object on which the `preRender` hook gets called prior to
|
||||
returning.
|
||||
|
||||
This way, svg.defs now holds all defs, including any that may have
|
||||
been added by custom plugins, and we use this verbatim in our
|
||||
React component.
|
||||
|
||||
This removes any discrepancies in how SVG rendering and React
|
||||
rendering handles the defs section of the SVG document,
|
||||
and thus displays snippets.
|
||||
|
||||
</Note>
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue