Tables with syntax similar to tables in GitHub Flavored Markdown. Suitable for simple tables with single-line content in cells.
FunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstioFunstio
A table consists of:
A header row.
A separator row.
Rows with data.
The header row is separated from table cells by three or more - characters. Columns are separated by |.
| Header 1 | Header 2 |
| ----------- | ----------- |
| Text | Text |
| Text | Text |
Use the : symbol in the separator row to align the text in the columns to the left, right, or center.
| Align left | Align center | Align right |
| :--- | :----: | ---: |
| Text | Text | Text |
| Text | Text | Text |
Result
Left-aligned
Centered
Right-aligned
Text
Text
Text
Text
Text
Text
Image
Here is the image.
And some text afterwards.
Other
Code:
└── Component
├── Component.js # Component code itself
├── Component.styles.js # Css-in-js styles written using Emotion css func
├── Component.stories.js # Storybook stories
├── Component.test.js # Jest tests
Quote:
The project is built as a monorepo with two subprojects for the commercial site (Com) and the application (App) and with a shared folder with the components library, build package, errorHandling package and utils.