Lion is a set of white label cross-platform Web Components with accessibility and performance built-in. You can extend them with your own styling to create a complete Design System with little effort.
This blog will demonstrate that extending Lion is not limited to components. Documentation and demos can be reused as well. This removes duplicate work such as writing and maintaining documentation.
A naming convention that is similar to Lion* for class names and lion-* for tag names is required for this to work. For this demo, we use the the names ExampleButton and example-button.
Table of Contents
- Setting up, and Extending Lion
- Select documentation to re-use
- Change input paths
- Remove, add and replace sections
- Conclusion
Setting up, and extending Lion
This article assumes some basic terminal knowledge, and a working installation of npm. …
About
