Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
@avsync.live/formation
Advanced tools
A component library based on React, Styled Components and CSS variables.
Storybook | GitHub Repository | NPM Package
Formation is a component library based on React, Styled Components and CSS variables.
yarn add @avsync.live/formation
import React from 'react'
import { Button } from '@avsync.live/formation'
const MyComponent = () => {
return <Button text='Click me' />
}
Formation uses FontAwesome v6 and supports both pro and free icons.
// import FontAwesome in your project
import '@fortawesome/fontawesome-svg-core/styles.css'
import { library } from '@fortawesome/fontawesome-svg-core'
import { faHeart } from '@fortawesome/free-solid-svg-icons'
library.add(faHeart)
// in your component
import React from 'react'
import { Button } from '@avsync.live/formation'
const MyComponent = () => {
return <Button
text='Click me'
icon='heart' // name of the icon without the "fa" and in kebab-case
iconPrefix='fas' // fas, far, fal, etc
/>;
}
Theming is based on CSS variables.
The name Formation expresses both the form embodied by the user interface, and the process by which user interaction forms the desired outcome of the application. The layout of the document is also composed of a formation of components.
Formation adheres to the Unimpeded Design System philosophy, where users do not have to wait for animations to complete, or for the app to finishing changing modes in order to proceed with their task. The user is only limited physically by their reaction time.
FAQs
Formation is a comprehensive component library powered by React, Styled Components, and CSS variables for creating apps and websites that demand responsive, unified cross-platform experiences.
The npm package @avsync.live/formation receives a total of 20 weekly downloads. As such, @avsync.live/formation popularity was classified as not popular.
We found that @avsync.live/formation demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer 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
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
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.