@megalink/design-system
Advanced tools
The Megalink Design System powers our frontend apps. It contains reusable UI components that help us build complex, durable, and accessible user interfaces across our projects.
The Megalink Design System powers our frontend apps. It contains reusable UI components that help us build complex, durable, and accessible user interfaces across our projects.
The code is delivered as an NPM package:
npm install @megalink/design-system
Add an alias for the package path to the compilerOptions of your tsconfig.json to make the imports shorter and clearer:
"baseUrl": ".",
"paths": {
"@mds/*": ["node_modules/@megalink/design-system/dist/*"]
}
As long as
creat-react-appdoes not support thepathsproperty intsconfig.json, the following workaround must be used: https://github.com/oklas/react-app-rewire-alias
You can then import icons or components:
import { HouseSVG } from '@mds/icons';
import { IconButton } from '@mds/components/core';
The following peer dependencies are required:
"react": ">= 16.13.0",
"react-dom": ">= 16.13.0",
"react-router-dom": ">= 5.1.0",
"styled-components": ">= 5.0.0",
"typescript": ">= 3.8.0"
We use the following tool and are very grateful for the free use.
Please let us know if we have forgotten anything!
At this time the Megalink Design System may not be used by third parties. Nevertheless the source code is public and can be used for inspiration. Please contact us if you are interested in using the design system for your own purposes.
The included icons and emojis from Aspen Grove Studios and OpenMoji are available under their original license CC BY-SA 4.0.
[v0.2.0] - 2020-05-01
FAQs
The Megalink Design System powers our frontend apps. It contains reusable UI components that help us build complex, durable, and accessible user interfaces across our projects.
The npm package @megalink/design-system receives a total of 1 weekly downloads. As such, @megalink/design-system popularity was classified as not popular.
We found that @megalink/design-system demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Malicious npm package postcss-optimizer delivers BeaverTail malware, targeting developer systems; similarities to past campaigns suggest a North Korean connection.
Security News
CISA's KEV data is now on GitHub, offering easier access, API integration, commit history tracking, and automated updates for security teams and researchers.
Security News
Opengrep forks Semgrep to preserve open source SAST in response to controversial licensing changes.