Vertical Writing is a bare bones multi-column layout library to solve layout problem when using CSS Writing Modes. It's library agnostic and 100% open source.
When you combine writing-mode for vertical writing and multi-column layouts together, the height of the contents will be the first collumn of height.
Therefore, if you put some contents after this, they will be overlapped with the multi-column layouts contents.
This library solves this problem by adding padding/margin-bottom to fill out the gap between the multi-column layouts contents and after contents.
- vertical-writing: vanilla js version of vertical-writing that all other packages depend on
- vertical-writing-react: react hooks version of vertical-writing
- vertical-writing-vue: vue composable version of vertical-writing
Each package is 100% TypeScript.