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:
Joost De Cock
parent
1671a896b5
commit
b34a2ee2ed
6132 changed files with 244167 additions and 0 deletions
69
markdown/dev/reference/packages/components/blockquote/de.md
Normal file
69
markdown/dev/reference/packages/components/blockquote/de.md
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
---
|
||||
title: Blockquote
|
||||
---
|
||||
|
||||
The `Blockquote` component is a base blockquote that can be styled in a number of different ways via the `type` prop which can be set to:
|
||||
|
||||
- note
|
||||
- warning
|
||||
- tip
|
||||
- fixme
|
||||
|
||||
It is typically used in our MDX content where we make the `Note`, `Warning`, `Tip` and `Fixme` components available in the global scope. They all use the `Blockquote` component under the hood.
|
||||
|
||||
## Examples
|
||||
|
||||
### Type: note<Note> This is a note </Note>
|
||||
|
||||
```mdx
|
||||
<Note> This is a note </Note>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='note'> This is a note </Blockquote>
|
||||
```
|
||||
|
||||
|
||||
### Type: tip<Tip> This is a tip </Tip>
|
||||
|
||||
```mdx
|
||||
<Tip> This is a tip </Tip>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='tip'> This is a tip </Blockquote>
|
||||
```
|
||||
|
||||
|
||||
### Type: warning<Warning> This is a warning </Warning>
|
||||
|
||||
```mdx
|
||||
<Warning> This is a warning </Warning>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='warning'> This is a warning </Blockquote>
|
||||
```
|
||||
|
||||
### Type: fixme<Fixme> This needs attention </Fixme>
|
||||
|
||||
```mdx
|
||||
<Fixme> This needs attention </Fixme>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='fixme'> This needs attention </Blockquote>
|
||||
```
|
||||
|
||||
## Props
|
||||
|
||||
| Name | Type | Default | Description |
|
||||
| ------:| -------- |:------- |:--------------------------------------------------------------------------------------- |
|
||||
| *type* | `string` | `note` | Determines the style of the `Blockquote`. One of `note`', `tip`, `warning`, or `fixme`. |
|
||||
|
||||
<Note>
|
||||
|
||||
This component will render the `children` between its opening and closing tags.
|
||||
|
||||
</Note>
|
||||
|
||||
79
markdown/dev/reference/packages/components/blockquote/en.md
Normal file
79
markdown/dev/reference/packages/components/blockquote/en.md
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
---
|
||||
title: Blockquote
|
||||
---
|
||||
|
||||
The `Blockquote` component is a base blockquote that can be styled
|
||||
in a number of different ways via the `type` prop which can be set to:
|
||||
|
||||
- note
|
||||
- warning
|
||||
- tip
|
||||
- fixme
|
||||
|
||||
It is typically used in our MDX content where we make the `Note`, `Warning`,
|
||||
`Tip` and `Fixme` components available in the global scope. They all use
|
||||
the `Blockquote` component under the hood.
|
||||
|
||||
## Examples
|
||||
|
||||
### Type: note
|
||||
|
||||
<Note> This is a note </Note>
|
||||
|
||||
```mdx
|
||||
<Note> This is a note </Note>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='note'> This is a note </Blockquote>
|
||||
```
|
||||
|
||||
|
||||
### Type: tip
|
||||
|
||||
<Tip> This is a tip </Tip>
|
||||
|
||||
```mdx
|
||||
<Tip> This is a tip </Tip>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='tip'> This is a tip </Blockquote>
|
||||
```
|
||||
|
||||
|
||||
### Type: warning
|
||||
|
||||
<Warning> This is a warning </Warning>
|
||||
|
||||
```mdx
|
||||
<Warning> This is a warning </Warning>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='warning'> This is a warning </Blockquote>
|
||||
```
|
||||
|
||||
### Type: fixme
|
||||
|
||||
<Fixme> This needs attention </Fixme>
|
||||
|
||||
```mdx
|
||||
<Fixme> This needs attention </Fixme>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='fixme'> This needs attention </Blockquote>
|
||||
```
|
||||
|
||||
## Props
|
||||
|
||||
| Name | Type | Default | Description |
|
||||
|-----:|------|:--------|:------------|
|
||||
|*type*|`string`|`note`|Determines the style of the `Blockquote`. One of `note`', `tip`, `warning`, or `fixme`.|
|
||||
|
||||
<Note>
|
||||
|
||||
This component will render the `children` between its opening and closing tags.
|
||||
|
||||
</Note>
|
||||
69
markdown/dev/reference/packages/components/blockquote/es.md
Normal file
69
markdown/dev/reference/packages/components/blockquote/es.md
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
---
|
||||
title: Blockquote
|
||||
---
|
||||
|
||||
The `Blockquote` component is a base blockquote that can be styled in a number of different ways via the `type` prop which can be set to:
|
||||
|
||||
- note
|
||||
- warning
|
||||
- tip
|
||||
- fixme
|
||||
|
||||
It is typically used in our MDX content where we make the `Note`, `Warning`, `Tip` and `Fixme` components available in the global scope. They all use the `Blockquote` component under the hood.
|
||||
|
||||
## Examples
|
||||
|
||||
### Type: note<Note> This is a note </Note>
|
||||
|
||||
```mdx
|
||||
<Note> This is a note </Note>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='note'> This is a note </Blockquote>
|
||||
```
|
||||
|
||||
|
||||
### Type: tip<Tip> This is a tip </Tip>
|
||||
|
||||
```mdx
|
||||
<Tip> This is a tip </Tip>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='tip'> This is a tip </Blockquote>
|
||||
```
|
||||
|
||||
|
||||
### Type: warning<Warning> This is a warning </Warning>
|
||||
|
||||
```mdx
|
||||
<Warning> This is a warning </Warning>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='warning'> This is a warning </Blockquote>
|
||||
```
|
||||
|
||||
### Type: fixme<Fixme> This needs attention </Fixme>
|
||||
|
||||
```mdx
|
||||
<Fixme> This needs attention </Fixme>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='fixme'> This needs attention </Blockquote>
|
||||
```
|
||||
|
||||
## Props
|
||||
|
||||
| Name | Type | Default | Description |
|
||||
| ------:| -------- |:------- |:--------------------------------------------------------------------------------------- |
|
||||
| *type* | `string` | `note` | Determines the style of the `Blockquote`. One of `note`', `tip`, `warning`, or `fixme`. |
|
||||
|
||||
<Note>
|
||||
|
||||
This component will render the `children` between its opening and closing tags.
|
||||
|
||||
</Note>
|
||||
|
||||
69
markdown/dev/reference/packages/components/blockquote/fr.md
Normal file
69
markdown/dev/reference/packages/components/blockquote/fr.md
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
---
|
||||
title: Blockquote
|
||||
---
|
||||
|
||||
The `Blockquote` component is a base blockquote that can be styled in a number of different ways via the `type` prop which can be set to:
|
||||
|
||||
- note
|
||||
- warning
|
||||
- tip
|
||||
- fixme
|
||||
|
||||
It is typically used in our MDX content where we make the `Note`, `Warning`, `Tip` and `Fixme` components available in the global scope. They all use the `Blockquote` component under the hood.
|
||||
|
||||
## Examples
|
||||
|
||||
### Type: note<Note> This is a note </Note>
|
||||
|
||||
```mdx
|
||||
<Note> This is a note </Note>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='note'> This is a note </Blockquote>
|
||||
```
|
||||
|
||||
|
||||
### Type: tip<Tip> This is a tip </Tip>
|
||||
|
||||
```mdx
|
||||
<Tip> This is a tip </Tip>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='tip'> This is a tip </Blockquote>
|
||||
```
|
||||
|
||||
|
||||
### Type: warning<Warning> This is a warning </Warning>
|
||||
|
||||
```mdx
|
||||
<Warning> This is a warning </Warning>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='warning'> This is a warning </Blockquote>
|
||||
```
|
||||
|
||||
### Type: fixme<Fixme> This needs attention </Fixme>
|
||||
|
||||
```mdx
|
||||
<Fixme> This needs attention </Fixme>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='fixme'> This needs attention </Blockquote>
|
||||
```
|
||||
|
||||
## Props
|
||||
|
||||
| Name | Type | Défaut | Description |
|
||||
| ------:| -------- |:------ |:--------------------------------------------------------------------------------------- |
|
||||
| *type* | `string` | `note` | Determines the style of the `Blockquote`. One of `note`', `tip`, `warning`, or `fixme`. |
|
||||
|
||||
<Note>
|
||||
|
||||
This component will render the `children` between its opening and closing tags.
|
||||
|
||||
</Note>
|
||||
|
||||
69
markdown/dev/reference/packages/components/blockquote/nl.md
Normal file
69
markdown/dev/reference/packages/components/blockquote/nl.md
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
---
|
||||
title: Blockquote
|
||||
---
|
||||
|
||||
The `Blockquote` component is a base blockquote that can be styled in a number of different ways via the `type` prop which can be set to:
|
||||
|
||||
- note
|
||||
- warning
|
||||
- tip
|
||||
- fixme
|
||||
|
||||
It is typically used in our MDX content where we make the `Note`, `Warning`, `Tip` and `Fixme` components available in the global scope. They all use the `Blockquote` component under the hood.
|
||||
|
||||
## Examples
|
||||
|
||||
### Type: note<Note> This is a note </Note>
|
||||
|
||||
```mdx
|
||||
<Note> This is a note </Note>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='note'> This is a note </Blockquote>
|
||||
```
|
||||
|
||||
|
||||
### Type: tip<Tip> This is a tip </Tip>
|
||||
|
||||
```mdx
|
||||
<Tip> This is a tip </Tip>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='tip'> This is a tip </Blockquote>
|
||||
```
|
||||
|
||||
|
||||
### Type: warning<Warning> This is a warning </Warning>
|
||||
|
||||
```mdx
|
||||
<Warning> This is a warning </Warning>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='warning'> This is a warning </Blockquote>
|
||||
```
|
||||
|
||||
### Type: fixme<Fixme> This needs attention </Fixme>
|
||||
|
||||
```mdx
|
||||
<Fixme> This needs attention </Fixme>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Blockquote type='fixme'> This needs attention </Blockquote>
|
||||
```
|
||||
|
||||
## Props
|
||||
|
||||
| Name | Type | Default | Description |
|
||||
| ------:| -------- |:------- |:--------------------------------------------------------------------------------------- |
|
||||
| *type* | `string` | `note` | Determines the style of the `Blockquote`. One of `note`', `tip`, `warning`, or `fixme`. |
|
||||
|
||||
<Note>
|
||||
|
||||
This component will render the `children` between its opening and closing tags.
|
||||
|
||||
</Note>
|
||||
|
||||
12
markdown/dev/reference/packages/components/de.md
Normal file
12
markdown/dev/reference/packages/components/de.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: "@freesewing/components"
|
||||
---
|
||||
|
||||
This is a collection for React components for FreeSewing's websites.
|
||||
|
||||
<Warning>
|
||||
|
||||
FIXME: Documentation is missing
|
||||
|
||||
</Warning>
|
||||
|
||||
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>
|
||||
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
title: DraftConfigurator
|
||||
---
|
||||
|
||||
The `DraftConfigurator` provides the user interface for configuring a draft. It is a rather complex component, that is used both for the freesewing.org website as for our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
---
|
||||
title: DraftConfigurator
|
||||
---
|
||||
|
||||
The `DraftConfigurator` provides the user interface for configuring a draft.
|
||||
It is a rather complex component, that is used both for the freesewing.org website
|
||||
as for our development environment.
|
||||
|
||||
<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
title: DraftConfigurator
|
||||
---
|
||||
|
||||
The `DraftConfigurator` provides the user interface for configuring a draft. It is a rather complex component, that is used both for the freesewing.org website as for our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
title: DraftConfigurator
|
||||
---
|
||||
|
||||
The `DraftConfigurator` provides the user interface for configuring a draft. It is a rather complex component, that is used both for the freesewing.org website as for our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Exemple
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
title: DraftConfigurator
|
||||
---
|
||||
|
||||
The `DraftConfigurator` provides the user interface for configuring a draft. It is a rather complex component, that is used both for the freesewing.org website as for our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/emblem/de.md
Normal file
10
markdown/dev/reference/packages/components/emblem/de.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Emblem
|
||||
---
|
||||
|
||||
The `Emblem` component renders the freesewing word in the top-left of our navigation bar.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
12
markdown/dev/reference/packages/components/emblem/en.md
Normal file
12
markdown/dev/reference/packages/components/emblem/en.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: Emblem
|
||||
---
|
||||
|
||||
The `Emblem` component renders the freesewing word in the top-left of our navigation bar.
|
||||
|
||||
<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/emblem/es.md
Normal file
10
markdown/dev/reference/packages/components/emblem/es.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Emblem
|
||||
---
|
||||
|
||||
The `Emblem` component renders the freesewing word in the top-left of our navigation bar.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
BIN
markdown/dev/reference/packages/components/emblem/example.png
Normal file
BIN
markdown/dev/reference/packages/components/emblem/example.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
10
markdown/dev/reference/packages/components/emblem/fr.md
Normal file
10
markdown/dev/reference/packages/components/emblem/fr.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Emblem
|
||||
---
|
||||
|
||||
The `Emblem` component renders the freesewing word in the top-left of our navigation bar.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Exemple
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/emblem/nl.md
Normal file
10
markdown/dev/reference/packages/components/emblem/nl.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Emblem
|
||||
---
|
||||
|
||||
The `Emblem` component renders the freesewing word in the top-left of our navigation bar.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
7
markdown/dev/reference/packages/components/en.md
Normal file
7
markdown/dev/reference/packages/components/en.md
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
title: "@freesewing/components"
|
||||
---
|
||||
|
||||
This is a collection for React components for FreeSewing's websites:
|
||||
|
||||
<ReadMore title='React components'/>
|
||||
12
markdown/dev/reference/packages/components/es.md
Normal file
12
markdown/dev/reference/packages/components/es.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: "@freesewing/components"
|
||||
---
|
||||
|
||||
This is a collection for React components for FreeSewing's websites.
|
||||
|
||||
<Warning>
|
||||
|
||||
FIXME: Documentation is missing
|
||||
|
||||
</Warning>
|
||||
|
||||
10
markdown/dev/reference/packages/components/example/de.md
Normal file
10
markdown/dev/reference/packages/components/example/de.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Example
|
||||
---
|
||||
|
||||
The `Example` component renders the [examples](/reference/packages/examples/) pattern. It is used throughout our developer documentation.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
<Example part="path_intersects" caption="The Example component used to illustrate the Path.intersects() method" />
|
||||
|
||||
13
markdown/dev/reference/packages/components/example/en.md
Normal file
13
markdown/dev/reference/packages/components/example/en.md
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
title: Example
|
||||
---
|
||||
|
||||
The `Example` component renders the [examples](/reference/packages/examples/) pattern.
|
||||
It is used throughout our developer documentation.
|
||||
|
||||
<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
<Example part="path_intersects" caption="The Example component used to illustrate the Path.intersects() method" />
|
||||
|
||||
10
markdown/dev/reference/packages/components/example/es.md
Normal file
10
markdown/dev/reference/packages/components/example/es.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Example
|
||||
---
|
||||
|
||||
The `Example` component renders the [examples](/reference/packages/examples/) pattern. It is used throughout our developer documentation.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
<Example part="path_intersects" caption="The Example component used to illustrate the Path.intersects() method" />
|
||||
|
||||
10
markdown/dev/reference/packages/components/example/fr.md
Normal file
10
markdown/dev/reference/packages/components/example/fr.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Exemple
|
||||
---
|
||||
|
||||
The `Example` component renders the [examples](/reference/packages/examples/) pattern. It is used throughout our developer documentation.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Exemple
|
||||
|
||||
<Example part="path_intersects" caption="The Example component used to illustrate the Path.intersects() method" />
|
||||
|
||||
10
markdown/dev/reference/packages/components/example/nl.md
Normal file
10
markdown/dev/reference/packages/components/example/nl.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Example
|
||||
---
|
||||
|
||||
The `Example` component renders the [examples](/reference/packages/examples/) pattern. It is used throughout our developer documentation.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
<Example part="path_intersects" caption="The Example component used to illustrate the Path.intersects() method" />
|
||||
|
||||
10
markdown/dev/reference/packages/components/footer/de.md
Normal file
10
markdown/dev/reference/packages/components/footer/de.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Footer
|
||||
---
|
||||
|
||||
The `Footer` component is the shared footer we use on our websites.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
12
markdown/dev/reference/packages/components/footer/en.md
Normal file
12
markdown/dev/reference/packages/components/footer/en.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: Footer
|
||||
---
|
||||
|
||||
The `Footer` component is the shared footer we use on our websites.
|
||||
|
||||
<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/footer/es.md
Normal file
10
markdown/dev/reference/packages/components/footer/es.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Footer
|
||||
---
|
||||
|
||||
The `Footer` component is the shared footer we use on our websites.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
BIN
markdown/dev/reference/packages/components/footer/example.png
Normal file
BIN
markdown/dev/reference/packages/components/footer/example.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 515 KiB |
10
markdown/dev/reference/packages/components/footer/fr.md
Normal file
10
markdown/dev/reference/packages/components/footer/fr.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Footer
|
||||
---
|
||||
|
||||
The `Footer` component is the shared footer we use on our websites.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Exemple
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/footer/nl.md
Normal file
10
markdown/dev/reference/packages/components/footer/nl.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Footer
|
||||
---
|
||||
|
||||
The `Footer` component is the shared footer we use on our websites.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
12
markdown/dev/reference/packages/components/fr.md
Normal file
12
markdown/dev/reference/packages/components/fr.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: "@freesewing/components"
|
||||
---
|
||||
|
||||
This is a collection for React components for FreeSewing's websites.
|
||||
|
||||
<Warning>
|
||||
|
||||
FIXME: Documentation is missing
|
||||
|
||||
</Warning>
|
||||
|
||||
110
markdown/dev/reference/packages/components/icon/de.md
Normal file
110
markdown/dev/reference/packages/components/icon/de.md
Normal file
|
|
@ -0,0 +1,110 @@
|
|||
---
|
||||
title: Icon
|
||||
---
|
||||
|
||||
The `Icon` component renders a couple of icons that we use, but are not available in the standard [material icon set](https://material.io/resources/icons/).<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
<table spaces-before="0" line-breaks-before="2">
|
||||
<tr>
|
||||
<th align="right">
|
||||
Name
|
||||
</th>
|
||||
|
||||
<th align="center">
|
||||
Icon
|
||||
</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>gitter</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>github</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>twitter</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>instagram</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>google</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M 12.25009,0 C 7.5567085,0 3.5033589,2.69334 1.530043,6.613315 0.71674427,8.240005 0.25,10.06676 0.25,12.00009 c 0,1.93333 0.46674427,3.759905 1.280043,5.386595 C 3.5033589,21.30666 7.5567085,24 12.25009,24 c 3.239959,0 5.959944,-1.066635 7.94668,-2.906575 2.266629,-2.093365 3.573349,-5.173415 3.573349,-8.826735 0,-0.98666 -0.08023,-1.70661 -0.253496,-2.453265 l -11.266533,0 0,4.45322 6.613137,0 c -0.133283,1.106705 -0.853233,2.77333 -2.453266,3.89327 -1.013315,0.706675 -2.373243,1.199975 -4.159871,1.199975 -3.173318,0 -5.8666835,-2.09327 -6.826777,-4.986605 -0.2533286,-0.746655 -0.399991,-1.54657 -0.399991,-2.373195 0,-0.82672 0.1467055,-1.62672 0.386706,-2.373375 C 6.3834495,6.73338 9.076772,4.63993 12.25009,4.63993 c 2.253301,0 3.773228,0.973465 4.639932,1.786855 L 20.27666,3.12004 C 18.196718,1.186705 15.490049,0 12.25009,0 Z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>facebook</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>note</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>tip</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>warning</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
23
markdown/dev/reference/packages/components/icon/en.md
Normal file
23
markdown/dev/reference/packages/components/icon/en.md
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
---
|
||||
title: Icon
|
||||
---
|
||||
|
||||
The `Icon` component renders a couple of icons that we use, but
|
||||
are not available in the standard [material icon set](https://material.io/resources/icons/).
|
||||
|
||||
<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
| Name | Icon |
|
||||
|-----------:|:------:|
|
||||
| `gitter` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"></path></svg> |
|
||||
| `github` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg> |
|
||||
| `twitter` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" ></path></svg> |
|
||||
| `instagram` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" ></path></svg> |
|
||||
| `google` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M 12.25009,0 C 7.5567085,0 3.5033589,2.69334 1.530043,6.613315 0.71674427,8.240005 0.25,10.06676 0.25,12.00009 c 0,1.93333 0.46674427,3.759905 1.280043,5.386595 C 3.5033589,21.30666 7.5567085,24 12.25009,24 c 3.239959,0 5.959944,-1.066635 7.94668,-2.906575 2.266629,-2.093365 3.573349,-5.173415 3.573349,-8.826735 0,-0.98666 -0.08023,-1.70661 -0.253496,-2.453265 l -11.266533,0 0,4.45322 6.613137,0 c -0.133283,1.106705 -0.853233,2.77333 -2.453266,3.89327 -1.013315,0.706675 -2.373243,1.199975 -4.159871,1.199975 -3.173318,0 -5.8666835,-2.09327 -6.826777,-4.986605 -0.2533286,-0.746655 -0.399991,-1.54657 -0.399991,-2.373195 0,-0.82672 0.1467055,-1.62672 0.386706,-2.373375 C 6.3834495,6.73338 9.076772,4.63993 12.25009,4.63993 c 2.253301,0 3.773228,0.973465 4.639932,1.786855 L 20.27666,3.12004 C 18.196718,1.186705 15.490049,0 12.25009,0 Z" ></path></svg> |
|
||||
| `facebook` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" ></path></svg> |
|
||||
| `note` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" ></path></svg> |
|
||||
| `tip` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path></svg> |
|
||||
| `warning` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" ></path></svg> |
|
||||
|
||||
110
markdown/dev/reference/packages/components/icon/es.md
Normal file
110
markdown/dev/reference/packages/components/icon/es.md
Normal file
|
|
@ -0,0 +1,110 @@
|
|||
---
|
||||
title: Icon
|
||||
---
|
||||
|
||||
The `Icon` component renders a couple of icons that we use, but are not available in the standard [material icon set](https://material.io/resources/icons/).<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
<table spaces-before="0" line-breaks-before="2">
|
||||
<tr>
|
||||
<th align="right">
|
||||
Name
|
||||
</th>
|
||||
|
||||
<th align="center">
|
||||
Icon
|
||||
</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>gitter</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>github</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>twitter</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>instagram</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>google</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M 12.25009,0 C 7.5567085,0 3.5033589,2.69334 1.530043,6.613315 0.71674427,8.240005 0.25,10.06676 0.25,12.00009 c 0,1.93333 0.46674427,3.759905 1.280043,5.386595 C 3.5033589,21.30666 7.5567085,24 12.25009,24 c 3.239959,0 5.959944,-1.066635 7.94668,-2.906575 2.266629,-2.093365 3.573349,-5.173415 3.573349,-8.826735 0,-0.98666 -0.08023,-1.70661 -0.253496,-2.453265 l -11.266533,0 0,4.45322 6.613137,0 c -0.133283,1.106705 -0.853233,2.77333 -2.453266,3.89327 -1.013315,0.706675 -2.373243,1.199975 -4.159871,1.199975 -3.173318,0 -5.8666835,-2.09327 -6.826777,-4.986605 -0.2533286,-0.746655 -0.399991,-1.54657 -0.399991,-2.373195 0,-0.82672 0.1467055,-1.62672 0.386706,-2.373375 C 6.3834495,6.73338 9.076772,4.63993 12.25009,4.63993 c 2.253301,0 3.773228,0.973465 4.639932,1.786855 L 20.27666,3.12004 C 18.196718,1.186705 15.490049,0 12.25009,0 Z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>facebook</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>note</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>tip</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>warning</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
110
markdown/dev/reference/packages/components/icon/fr.md
Normal file
110
markdown/dev/reference/packages/components/icon/fr.md
Normal file
|
|
@ -0,0 +1,110 @@
|
|||
---
|
||||
title: Icon
|
||||
---
|
||||
|
||||
The `Icon` component renders a couple of icons that we use, but are not available in the standard [material icon set](https://material.io/resources/icons/).<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Exemple
|
||||
|
||||
<table spaces-before="0" line-breaks-before="2">
|
||||
<tr>
|
||||
<th align="right">
|
||||
Name
|
||||
</th>
|
||||
|
||||
<th align="center">
|
||||
Icon
|
||||
</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>gitter</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>github</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>twitter</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>instagram</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>google</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M 12.25009,0 C 7.5567085,0 3.5033589,2.69334 1.530043,6.613315 0.71674427,8.240005 0.25,10.06676 0.25,12.00009 c 0,1.93333 0.46674427,3.759905 1.280043,5.386595 C 3.5033589,21.30666 7.5567085,24 12.25009,24 c 3.239959,0 5.959944,-1.066635 7.94668,-2.906575 2.266629,-2.093365 3.573349,-5.173415 3.573349,-8.826735 0,-0.98666 -0.08023,-1.70661 -0.253496,-2.453265 l -11.266533,0 0,4.45322 6.613137,0 c -0.133283,1.106705 -0.853233,2.77333 -2.453266,3.89327 -1.013315,0.706675 -2.373243,1.199975 -4.159871,1.199975 -3.173318,0 -5.8666835,-2.09327 -6.826777,-4.986605 -0.2533286,-0.746655 -0.399991,-1.54657 -0.399991,-2.373195 0,-0.82672 0.1467055,-1.62672 0.386706,-2.373375 C 6.3834495,6.73338 9.076772,4.63993 12.25009,4.63993 c 2.253301,0 3.773228,0.973465 4.639932,1.786855 L 20.27666,3.12004 C 18.196718,1.186705 15.490049,0 12.25009,0 Z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>facebook</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>note</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>tip</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>warning</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
110
markdown/dev/reference/packages/components/icon/nl.md
Normal file
110
markdown/dev/reference/packages/components/icon/nl.md
Normal file
|
|
@ -0,0 +1,110 @@
|
|||
---
|
||||
title: Icon
|
||||
---
|
||||
|
||||
The `Icon` component renders a couple of icons that we use, but are not available in the standard [material icon set](https://material.io/resources/icons/).<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
<table spaces-before="0" line-breaks-before="2">
|
||||
<tr>
|
||||
<th align="right">
|
||||
Name
|
||||
</th>
|
||||
|
||||
<th align="center">
|
||||
Icon
|
||||
</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>gitter</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>github</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>twitter</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>instagram</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>google</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M 12.25009,0 C 7.5567085,0 3.5033589,2.69334 1.530043,6.613315 0.71674427,8.240005 0.25,10.06676 0.25,12.00009 c 0,1.93333 0.46674427,3.759905 1.280043,5.386595 C 3.5033589,21.30666 7.5567085,24 12.25009,24 c 3.239959,0 5.959944,-1.066635 7.94668,-2.906575 2.266629,-2.093365 3.573349,-5.173415 3.573349,-8.826735 0,-0.98666 -0.08023,-1.70661 -0.253496,-2.453265 l -11.266533,0 0,4.45322 6.613137,0 c -0.133283,1.106705 -0.853233,2.77333 -2.453266,3.89327 -1.013315,0.706675 -2.373243,1.199975 -4.159871,1.199975 -3.173318,0 -5.8666835,-2.09327 -6.826777,-4.986605 -0.2533286,-0.746655 -0.399991,-1.54657 -0.399991,-2.373195 0,-0.82672 0.1467055,-1.62672 0.386706,-2.373375 C 6.3834495,6.73338 9.076772,4.63993 12.25009,4.63993 c 2.253301,0 3.773228,0.973465 4.639932,1.786855 L 20.27666,3.12004 C 18.196718,1.186705 15.490049,0 12.25009,0 Z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>facebook</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>note</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>tip</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="right">
|
||||
<code>warning</code>
|
||||
</td>
|
||||
|
||||
<td align="center">
|
||||
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" ></path></svg>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
10
markdown/dev/reference/packages/components/linedrawing/de.md
Normal file
10
markdown/dev/reference/packages/components/linedrawing/de.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Linedrawing
|
||||
---
|
||||
|
||||
The `Linedrawing` component renders linedrawings for the FreeSewing patterns.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
12
markdown/dev/reference/packages/components/linedrawing/en.md
Normal file
12
markdown/dev/reference/packages/components/linedrawing/en.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: Linedrawing
|
||||
---
|
||||
|
||||
The `Linedrawing` component renders linedrawings for the FreeSewing patterns.
|
||||
|
||||
<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/linedrawing/es.md
Normal file
10
markdown/dev/reference/packages/components/linedrawing/es.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Linedrawing
|
||||
---
|
||||
|
||||
The `Linedrawing` component renders linedrawings for the FreeSewing patterns.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
10
markdown/dev/reference/packages/components/linedrawing/fr.md
Normal file
10
markdown/dev/reference/packages/components/linedrawing/fr.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Linedrawing
|
||||
---
|
||||
|
||||
The `Linedrawing` component renders linedrawings for the FreeSewing patterns.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Exemple
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/linedrawing/nl.md
Normal file
10
markdown/dev/reference/packages/components/linedrawing/nl.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Linedrawing
|
||||
---
|
||||
|
||||
The `Linedrawing` component renders linedrawings for the FreeSewing patterns.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/logo/de.md
Normal file
10
markdown/dev/reference/packages/components/logo/de.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Logo
|
||||
---
|
||||
|
||||
The `Logo` component renders the FreeSewing logo.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
12
markdown/dev/reference/packages/components/logo/en.md
Normal file
12
markdown/dev/reference/packages/components/logo/en.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: Logo
|
||||
---
|
||||
|
||||
The `Logo` component renders the FreeSewing logo.
|
||||
|
||||
<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/logo/es.md
Normal file
10
markdown/dev/reference/packages/components/logo/es.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Logo
|
||||
---
|
||||
|
||||
The `Logo` component renders the FreeSewing logo.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/logo/fr.md
Normal file
10
markdown/dev/reference/packages/components/logo/fr.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Logo
|
||||
---
|
||||
|
||||
The `Logo` component renders the FreeSewing logo.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Exemple
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/logo/nl.md
Normal file
10
markdown/dev/reference/packages/components/logo/nl.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Logo
|
||||
---
|
||||
|
||||
The `Logo` component renders the FreeSewing logo.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/navbar/de.md
Normal file
10
markdown/dev/reference/packages/components/navbar/de.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Navbar
|
||||
---
|
||||
|
||||
The `Navbar` component is the shared navigation bar we use at the top of our websites.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
12
markdown/dev/reference/packages/components/navbar/en.md
Normal file
12
markdown/dev/reference/packages/components/navbar/en.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: Navbar
|
||||
---
|
||||
|
||||
The `Navbar` component is the shared navigation bar we use at the top of our websites.
|
||||
|
||||
<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/navbar/es.md
Normal file
10
markdown/dev/reference/packages/components/navbar/es.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Navbar
|
||||
---
|
||||
|
||||
The `Navbar` component is the shared navigation bar we use at the top of our websites.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
BIN
markdown/dev/reference/packages/components/navbar/example.png
Normal file
BIN
markdown/dev/reference/packages/components/navbar/example.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
10
markdown/dev/reference/packages/components/navbar/fr.md
Normal file
10
markdown/dev/reference/packages/components/navbar/fr.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Navbar
|
||||
---
|
||||
|
||||
The `Navbar` component is the shared navigation bar we use at the top of our websites.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Exemple
|
||||
|
||||
|
||||
|
||||
10
markdown/dev/reference/packages/components/navbar/nl.md
Normal file
10
markdown/dev/reference/packages/components/navbar/nl.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Navbar
|
||||
---
|
||||
|
||||
The `Navbar` component is the shared navigation bar we use at the top of our websites.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
12
markdown/dev/reference/packages/components/nl.md
Normal file
12
markdown/dev/reference/packages/components/nl.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: "@freesewing/components"
|
||||
---
|
||||
|
||||
This is a collection for React components for FreeSewing's websites.
|
||||
|
||||
<Warning>
|
||||
|
||||
FIXME: Documentation is missing
|
||||
|
||||
</Warning>
|
||||
|
||||
48
markdown/dev/reference/packages/components/render/de.md
Normal file
48
markdown/dev/reference/packages/components/render/de.md
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
---
|
||||
title: Render
|
||||
---
|
||||
|
||||
The `Render` component is componet that renders a FreeSewing pattern. It's an alternative to rendering patterns as SVG, allowing for more interactive use of our patterns in your frontend.
|
||||
|
||||
<Warning>
|
||||
|
||||
This component used to be named `Draft` but was renamed to `Render` to better
|
||||
capture what the component does.
|
||||
|
||||
The name `Draft` is deprecated and will be removed in a future release.
|
||||
|
||||
</Warning>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
## Props
|
||||
|
||||
| Name | Type | Default | Description |
|
||||
| --------------:|:----------:|:-------:|:----------------------------------------------- |
|
||||
| *design* | `bool` | `false` | Whether or not to enable design mode |
|
||||
| *style* | `object` | `{}` | Optional extra CSS for the SVG |
|
||||
| *focus* | `string` | | The element to be in focus in design mode |
|
||||
| *raiseEvent* | `function` | | A method to pass events to the parent component |
|
||||
| *width* (*) | `number` | | The SVG width |
|
||||
| *height* (*) | `number` | | The SVG height |
|
||||
| *settings* (*) | `object` | | The [draft settings](/reference/settings/) |
|
||||
| *parts* (*) | `object` | | An object holding the drafted parts |
|
||||
|
||||
<Note>
|
||||
|
||||
###### (*) Use `pattern.getRenderProps()` to get these props
|
||||
|
||||
The `width`, `height`, `settings`, and `parts` props are provided by the
|
||||
[getRenderProps()](/reference/api/pattern/#getrenderprops) method of
|
||||
the [Pattern](/reference/api/pattern/) object.
|
||||
|
||||
They are typically uses as in the example below:
|
||||
|
||||
```js
|
||||
<Render {...pattern.getRenderProps()} />
|
||||
```
|
||||
|
||||
</Note>
|
||||
|
||||
49
markdown/dev/reference/packages/components/render/en.md
Normal file
49
markdown/dev/reference/packages/components/render/en.md
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
---
|
||||
title: Render
|
||||
---
|
||||
|
||||
The `Render` component is componet that renders a FreeSewing pattern.
|
||||
It's an alternative to rendering patterns as SVG, allowing for more
|
||||
interactive use of our patterns in your frontend.
|
||||
|
||||
<Warning>
|
||||
|
||||
This component used to be named `Draft` but was renamed to `Render` to better
|
||||
capture what the component does.
|
||||
|
||||
The name `Draft` is deprecated and will be removed in a future release.
|
||||
|
||||
</Warning>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
## Props
|
||||
|
||||
| Name | Type | Default | Description |
|
||||
|-------------:|:----------:|:-------:|:------------|
|
||||
| *design* | `bool` | `false` | Whether or not to enable design mode |
|
||||
| *style* | `object` | `{}` | Optional extra CSS for the SVG |
|
||||
| *focus* | `string` | | The element to be in focus in design mode |
|
||||
| *raiseEvent* | `function` | | A method to pass events to the parent component |
|
||||
| *width* (*) | `number` | | The SVG width |
|
||||
| *height* (*) | `number` | | The SVG height |
|
||||
| *settings* (*)| `object` | | The [draft settings](/reference/settings/)|
|
||||
| *parts* (*) | `object` | | An object holding the drafted parts |
|
||||
|
||||
<Note>
|
||||
|
||||
###### (*) Use `pattern.getRenderProps()` to get these props
|
||||
|
||||
The `width`, `height`, `settings`, and `parts` props are provided by the
|
||||
[getRenderProps()](/reference/api/pattern/#getrenderprops) method of
|
||||
the [Pattern](/reference/api/pattern/) object.
|
||||
|
||||
They are typically uses as in the example below:
|
||||
|
||||
```js
|
||||
<Render {...pattern.getRenderProps()} />
|
||||
```
|
||||
|
||||
</Note>
|
||||
48
markdown/dev/reference/packages/components/render/es.md
Normal file
48
markdown/dev/reference/packages/components/render/es.md
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
---
|
||||
title: Render
|
||||
---
|
||||
|
||||
The `Render` component is componet that renders a FreeSewing pattern. It's an alternative to rendering patterns as SVG, allowing for more interactive use of our patterns in your frontend.
|
||||
|
||||
<Warning>
|
||||
|
||||
This component used to be named `Draft` but was renamed to `Render` to better
|
||||
capture what the component does.
|
||||
|
||||
The name `Draft` is deprecated and will be removed in a future release.
|
||||
|
||||
</Warning>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
## Props
|
||||
|
||||
| Name | Type | Default | Description |
|
||||
| --------------:|:----------:|:-------:|:----------------------------------------------- |
|
||||
| *design* | `bool` | `false` | Whether or not to enable design mode |
|
||||
| *style* | `object` | `{}` | Optional extra CSS for the SVG |
|
||||
| *focus* | `string` | | The element to be in focus in design mode |
|
||||
| *raiseEvent* | `function` | | A method to pass events to the parent component |
|
||||
| *width* (*) | `number` | | The SVG width |
|
||||
| *height* (*) | `number` | | The SVG height |
|
||||
| *settings* (*) | `object` | | The [draft settings](/reference/settings/) |
|
||||
| *parts* (*) | `object` | | An object holding the drafted parts |
|
||||
|
||||
<Note>
|
||||
|
||||
###### (*) Use `pattern.getRenderProps()` to get these props
|
||||
|
||||
The `width`, `height`, `settings`, and `parts` props are provided by the
|
||||
[getRenderProps()](/reference/api/pattern/#getrenderprops) method of
|
||||
the [Pattern](/reference/api/pattern/) object.
|
||||
|
||||
They are typically uses as in the example below:
|
||||
|
||||
```js
|
||||
<Render {...pattern.getRenderProps()} />
|
||||
```
|
||||
|
||||
</Note>
|
||||
|
||||
BIN
markdown/dev/reference/packages/components/render/example.png
Normal file
BIN
markdown/dev/reference/packages/components/render/example.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
48
markdown/dev/reference/packages/components/render/fr.md
Normal file
48
markdown/dev/reference/packages/components/render/fr.md
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
---
|
||||
title: Render
|
||||
---
|
||||
|
||||
The `Render` component is componet that renders a FreeSewing pattern. It's an alternative to rendering patterns as SVG, allowing for more interactive use of our patterns in your frontend.
|
||||
|
||||
<Warning>
|
||||
|
||||
This component used to be named `Draft` but was renamed to `Render` to better
|
||||
capture what the component does.
|
||||
|
||||
The name `Draft` is deprecated and will be removed in a future release.
|
||||
|
||||
</Warning>
|
||||
|
||||
## Exemple
|
||||
|
||||
|
||||
|
||||
## Props
|
||||
|
||||
| Name | Type | Défaut | Description |
|
||||
| --------------:|:----------:|:-------:|:----------------------------------------------- |
|
||||
| *design* | `bool` | `false` | Whether or not to enable design mode |
|
||||
| *style* | `object` | `{}` | Optional extra CSS for the SVG |
|
||||
| *focus* | `string` | | The element to be in focus in design mode |
|
||||
| *raiseEvent* | `function` | | A method to pass events to the parent component |
|
||||
| *width* (*) | `number` | | The SVG width |
|
||||
| *height* (*) | `number` | | The SVG height |
|
||||
| *settings* (*) | `object` | | The [draft settings](/reference/settings/) |
|
||||
| *parts* (*) | `object` | | An object holding the drafted parts |
|
||||
|
||||
<Note>
|
||||
|
||||
###### (*) Use `pattern.getRenderProps()` to get these props
|
||||
|
||||
The `width`, `height`, `settings`, and `parts` props are provided by the
|
||||
[getRenderProps()](/reference/api/pattern/#getrenderprops) method of
|
||||
the [Pattern](/reference/api/pattern/) object.
|
||||
|
||||
They are typically uses as in the example below:
|
||||
|
||||
```js
|
||||
<Render {...pattern.getRenderProps()} />
|
||||
```
|
||||
|
||||
</Note>
|
||||
|
||||
48
markdown/dev/reference/packages/components/render/nl.md
Normal file
48
markdown/dev/reference/packages/components/render/nl.md
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
---
|
||||
title: Render
|
||||
---
|
||||
|
||||
The `Render` component is componet that renders a FreeSewing pattern. It's an alternative to rendering patterns as SVG, allowing for more interactive use of our patterns in your frontend.
|
||||
|
||||
<Warning>
|
||||
|
||||
This component used to be named `Draft` but was renamed to `Render` to better
|
||||
capture what the component does.
|
||||
|
||||
The name `Draft` is deprecated and will be removed in a future release.
|
||||
|
||||
</Warning>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
## Props
|
||||
|
||||
| Name | Type | Default | Description |
|
||||
| --------------:|:----------:|:-------:|:----------------------------------------------- |
|
||||
| *design* | `bool` | `false` | Whether or not to enable design mode |
|
||||
| *style* | `object` | `{}` | Optional extra CSS for the SVG |
|
||||
| *focus* | `string` | | The element to be in focus in design mode |
|
||||
| *raiseEvent* | `function` | | A method to pass events to the parent component |
|
||||
| *width* (*) | `number` | | The SVG width |
|
||||
| *height* (*) | `number` | | The SVG height |
|
||||
| *settings* (*) | `object` | | The [draft settings](/reference/settings/) |
|
||||
| *parts* (*) | `object` | | An object holding the drafted parts |
|
||||
|
||||
<Note>
|
||||
|
||||
###### (*) Use `pattern.getRenderProps()` to get these props
|
||||
|
||||
The `width`, `height`, `settings`, and `parts` props are provided by the
|
||||
[getRenderProps()](/reference/api/pattern/#getrenderprops) method of
|
||||
the [Pattern](/reference/api/pattern/) object.
|
||||
|
||||
They are typically uses as in the example below:
|
||||
|
||||
```js
|
||||
<Render {...pattern.getRenderProps()} />
|
||||
```
|
||||
|
||||
</Note>
|
||||
|
||||
17
markdown/dev/reference/packages/components/robot/de.md
Normal file
17
markdown/dev/reference/packages/components/robot/de.md
Normal file
File diff suppressed because one or more lines are too long
22
markdown/dev/reference/packages/components/robot/en.md
Normal file
22
markdown/dev/reference/packages/components/robot/en.md
Normal file
File diff suppressed because one or more lines are too long
17
markdown/dev/reference/packages/components/robot/es.md
Normal file
17
markdown/dev/reference/packages/components/robot/es.md
Normal file
File diff suppressed because one or more lines are too long
17
markdown/dev/reference/packages/components/robot/fr.md
Normal file
17
markdown/dev/reference/packages/components/robot/fr.md
Normal file
File diff suppressed because one or more lines are too long
17
markdown/dev/reference/packages/components/robot/nl.md
Normal file
17
markdown/dev/reference/packages/components/robot/nl.md
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
title: SampleConfigurator
|
||||
---
|
||||
|
||||
The `SampleConfigurator` provides the user interface for configuring sampling of a pattern. It is used in our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example<Fixme> Add screenshot </Fixme>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
---
|
||||
title: SampleConfigurator
|
||||
---
|
||||
|
||||
The `SampleConfigurator` provides the user interface for configuring sampling of a pattern.
|
||||
It is used in our development environment.
|
||||
|
||||
<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
<Fixme> Add screenshot </Fixme>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
title: SampleConfigurator
|
||||
---
|
||||
|
||||
The `SampleConfigurator` provides the user interface for configuring sampling of a pattern. It is used in our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example<Fixme> Add screenshot </Fixme>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
title: SampleConfigurator
|
||||
---
|
||||
|
||||
The `SampleConfigurator` provides the user interface for configuring sampling of a pattern. It is used in our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Exemple<Fixme> Add screenshot </Fixme>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
title: SampleConfigurator
|
||||
---
|
||||
|
||||
The `SampleConfigurator` provides the user interface for configuring sampling of a pattern. It is used in our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example<Fixme> Add screenshot </Fixme>
|
||||
|
||||
|
||||
12
markdown/dev/reference/packages/components/spinner/de.md
Normal file
12
markdown/dev/reference/packages/components/spinner/de.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: Spinner
|
||||
---
|
||||
|
||||
The `Spinner` component renders a loading indicator with the FreeSewing logo.
|
||||
|
||||
It is a pure SVG implementation, using SMIL for animation.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
14
markdown/dev/reference/packages/components/spinner/en.md
Normal file
14
markdown/dev/reference/packages/components/spinner/en.md
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
---
|
||||
title: Spinner
|
||||
---
|
||||
|
||||
The `Spinner` component renders a loading indicator with the FreeSewing logo.
|
||||
|
||||
It is a pure SVG implementation, using SMIL for animation.
|
||||
|
||||
<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
12
markdown/dev/reference/packages/components/spinner/es.md
Normal file
12
markdown/dev/reference/packages/components/spinner/es.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: Spinner
|
||||
---
|
||||
|
||||
The `Spinner` component renders a loading indicator with the FreeSewing logo.
|
||||
|
||||
It is a pure SVG implementation, using SMIL for animation.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 11 KiB |
12
markdown/dev/reference/packages/components/spinner/fr.md
Normal file
12
markdown/dev/reference/packages/components/spinner/fr.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: Spinner
|
||||
---
|
||||
|
||||
The `Spinner` component renders a loading indicator with the FreeSewing logo.
|
||||
|
||||
It is a pure SVG implementation, using SMIL for animation.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Exemple
|
||||
|
||||
|
||||
|
||||
12
markdown/dev/reference/packages/components/spinner/nl.md
Normal file
12
markdown/dev/reference/packages/components/spinner/nl.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: Spinner
|
||||
---
|
||||
|
||||
The `Spinner` component renders a loading indicator with the FreeSewing logo.
|
||||
|
||||
It is a pure SVG implementation, using SMIL for animation.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithGist
|
||||
---
|
||||
|
||||
The `WithGist` component is a higher order component that adds management of a `gist` to your component. A gist is almost the same as a recipe, that is, it stores all the data required to draft your pattern.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
11
markdown/dev/reference/packages/components/withgist/en.md
Normal file
11
markdown/dev/reference/packages/components/withgist/en.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
title: WithGist
|
||||
---
|
||||
|
||||
The `WithGist` component is a higher order component that adds management of a `gist`
|
||||
to your component. A gist is almost the same as a recipe, that is, it stores all the data
|
||||
required to draft your pattern.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our
|
||||
development environment.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithGist
|
||||
---
|
||||
|
||||
The `WithGist` component is a higher order component that adds management of a `gist` to your component. A gist is almost the same as a recipe, that is, it stores all the data required to draft your pattern.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithGist
|
||||
---
|
||||
|
||||
The `WithGist` component is a higher order component that adds management of a `gist` to your component. A gist is almost the same as a recipe, that is, it stores all the data required to draft your pattern.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithGist
|
||||
---
|
||||
|
||||
The `WithGist` component is a higher order component that adds management of a `gist` to your component. A gist is almost the same as a recipe, that is, it stores all the data required to draft your pattern.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithLanguage
|
||||
---
|
||||
|
||||
The `WithLanguage` component is a higher order component that is used to inject the [react-intl](https://github.com/formatjs/react-intl) context into your component.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: WithLanguage
|
||||
---
|
||||
|
||||
The `WithLanguage` component is a higher order component that is used to inject
|
||||
the [react-intl](https://github.com/formatjs/react-intl) context into your component.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our
|
||||
development environment.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithLanguage
|
||||
---
|
||||
|
||||
The `WithLanguage` component is a higher order component that is used to inject the [react-intl](https://github.com/formatjs/react-intl) context into your component.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithLanguage
|
||||
---
|
||||
|
||||
The `WithLanguage` component is a higher order component that is used to inject the [react-intl](https://github.com/formatjs/react-intl) context into your component.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithLanguage
|
||||
---
|
||||
|
||||
The `WithLanguage` component is a higher order component that is used to inject the [react-intl](https://github.com/formatjs/react-intl) context into your component.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithStorage
|
||||
---
|
||||
|
||||
The `WithStorage` component is a higher order component that adds saving to and reading from (the browser's) local storage to your component.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
10
markdown/dev/reference/packages/components/withstorage/en.md
Normal file
10
markdown/dev/reference/packages/components/withstorage/en.md
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: WithStorage
|
||||
---
|
||||
|
||||
The `WithStorage` component is a higher order component that adds saving to and reading from
|
||||
(the browser's) local storage to your component.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our
|
||||
development environment.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithStorage
|
||||
---
|
||||
|
||||
The `WithStorage` component is a higher order component that adds saving to and reading from (the browser's) local storage to your component.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithStorage
|
||||
---
|
||||
|
||||
The `WithStorage` component is a higher order component that adds saving to and reading from (the browser's) local storage to your component.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: WithStorage
|
||||
---
|
||||
|
||||
The `WithStorage` component is a higher order component that adds saving to and reading from (the browser's) local storage to your component.
|
||||
|
||||
This component is used under the hood in both the freesewing.org website as our development environment.
|
||||
|
||||
11
markdown/dev/reference/packages/components/workbench/de.md
Normal file
11
markdown/dev/reference/packages/components/workbench/de.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
title: Workbench
|
||||
---
|
||||
|
||||
The `Workbench` component provides the FreeSewing development environment. It is a rather complex component, that is used as the entrypoint component for our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
|
||||
15
markdown/dev/reference/packages/components/workbench/en.md
Normal file
15
markdown/dev/reference/packages/components/workbench/en.md
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
---
|
||||
title: Workbench
|
||||
---
|
||||
|
||||
The `Workbench` component provides the FreeSewing development environment.
|
||||
It is a rather complex component, that is used as the entrypoint component
|
||||
for our development environment.
|
||||
|
||||
<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
|
||||
11
markdown/dev/reference/packages/components/workbench/es.md
Normal file
11
markdown/dev/reference/packages/components/workbench/es.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
title: Workbench
|
||||
---
|
||||
|
||||
The `Workbench` component provides the FreeSewing development environment. It is a rather complex component, that is used as the entrypoint component for our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
|
||||
BIN
markdown/dev/reference/packages/components/workbench/example.png
Normal file
BIN
markdown/dev/reference/packages/components/workbench/example.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 151 KiB |
11
markdown/dev/reference/packages/components/workbench/fr.md
Normal file
11
markdown/dev/reference/packages/components/workbench/fr.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
title: Workbench
|
||||
---
|
||||
|
||||
The `Workbench` component provides the FreeSewing development environment. It is a rather complex component, that is used as the entrypoint component for our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Exemple
|
||||
|
||||
|
||||
|
||||
|
||||
11
markdown/dev/reference/packages/components/workbench/nl.md
Normal file
11
markdown/dev/reference/packages/components/workbench/nl.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
title: Workbench
|
||||
---
|
||||
|
||||
The `Workbench` component provides the FreeSewing development environment. It is a rather complex component, that is used as the entrypoint component for our development environment.<Fixme> Add more documentation for this component </Fixme>
|
||||
|
||||
## Example
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue