lion/docs/guides/principles/index.md
Pavlik Kiselev 11bbc5fff5
feat: migrated the navigation metadata from inline MD title decorations to frontmatter
* feat: migrated the navigation metadata from inline MD title decorations to frontmatter

* fix: fixed frontmatter metadate for api-table MDs

* fix: fixed frontmatter eslint issue
2025-03-19 10:08:22 +01:00

1.5 KiB

parts title eleventyNavigation
Principles
Principles
key order title
Principles 10 Principles

Principles

Lion is a set of white label Web Components that can be extended to your own styled layer of components.

We know from experience that making high quality, accessible UI components is hard and time consuming: it takes many iterations, a lot of development time and a lot of testing to get a generic component that works in every context, supports many edge cases and is accessible in all relevant screen readers.

Lion aims to do the heavy lifting for you. This means you only have to apply your own Design System: by delivering styles, configuring components and adding a minimal set of custom logic on top.

Consuming Developer

Developers consuming our web components inside an application (not extending them). Application Developers are only allowed to interact with public properties and methods. Can be abbreviated as AD. Sometimes also called Consuming Developer.

Extending Developer

Developers extending our web components, for instance: class MaterialInput extends LionInput are called subclassers. Subclassers have access to protected methods (prefixed with an underscore or marked as protected), but not to private methods.

Especially for subclassers we have some extra documentation: