Security News
NIST Misses 2024 Deadline to Clear NVD Backlog
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.
@fmi/design-system
Advanced tools
React-based component library that provides components and theming based off the FMI Design System
The FMI Design System is a reusable component library built with React. The goal is to make building durable UIs more productive and satisfying by providing theming and core components out of the box.
View live documentation on Storybook
To use FMI Design System components, all you need to do is install the @fmi/design-system
package and its peer dependencies:
npm install @fmi/design-system styled-components
or if the project uses Yarn
yarn add @fmi/design-system styled-components
To start using the components, please follow these steps:
ThemeProvider
componentimport { ThemeProvider } from '@fmi/design-system';
// Do this at the root of your application
const App = () => (
<ThemeProvider>
<App>
</ThemeProvider>
);
Roboto
into the head of your document and add the font-family
CSS property to the body selector of your stylesheet<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"
rel="stylesheet"
/>
body {
font-family: 'Roboto', sans-serif;
}
import { PrimaryButton } from '@fmi/design-system';
const Example = () => <PrimaryButton>Click me</PrimaryButton>;
To publish the library to NPM
you will first need to be added to the @fmi org on NPM.
npm version major | minor | patch
This command will automatically bump the version number in package.json
and add a git tag of the version number.
yarn build
npm publish
git push && git push --tags
FAQs
React-based component library that provides components and theming based off the FMI Design System
The npm package @fmi/design-system receives a total of 1 weekly downloads. As such, @fmi/design-system popularity was classified as not popular.
We found that @fmi/design-system demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 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.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.