@atom-learning/components
Advanced tools
Weekly downloads
Readme
lib/
, released as @atom-learning/components
, is a collection of generic React components built using stitches and radix, it includes components that cover layout, content, data collection, media and a host of other UI concerns. It uses @atom-learning/theme
to provide the design tokens for color, typography, spacing and layout.
You can read about the components included in @atom-learning/components
at https://design.atomlearning.technology
Install the publicly available @atom-learning/components
npm package:
yarn add @atom-learning/components
Import and use in your project:
import { Box, Heading, Text } from '@atom-learning/components'
const Component = () => {
return (
<Box as="article">
<Heading css={{ mb: '$3' }}>This is a heading</Heading>
<Text>This is a paragraph of text</Text>
</Box>
)
}
FAQs
  
The npm package @atom-learning/components receives a total of 266 weekly downloads. As such, @atom-learning/components popularity was classified as not popular.
We found that @atom-learning/components demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.