# atomic-library-core

> this is library of react components and some functions useful for development

Latest version **1.6.8** (published 2023-02-27) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install atomic-library-core
pnpm add atomic-library-core
yarn add atomic-library-core
bun add atomic-library-core
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.6.8 |
| Published | 2023-02-27 |
| First published | 2022-02-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 112.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | david gonzalez |
| Maintainers | david-gonzalez-coder, atomic-library-org |
| Keywords | react, components, styled-components, reusable, front-end |

## Links

- npm: https://www.npmjs.com/package/atomic-library-core
- Repository: https://github.com/atomic-library/atomic-library-core
- Homepage: https://github.com/atomic-library/atomic-library-core#readme
- Issues: https://github.com/atomic-library/atomic-library-core/issues
- npm.io page: https://npm.io/package/atomic-library-core

## Dependencies (1)

- [styled-components](https://npm.io/package/styled-components.md) ^5.3.3

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.6.8 (latest) — 2023-02-27
- 1.6.7 — 2022-09-25
- 1.6.6 — 2022-09-24
- 1.6.5 — 2022-09-24
- 1.6.4 — 2022-07-08
- 1.6.3 — 2022-05-20
- 1.6.2 — 2022-05-20
- 1.6.1 — 2022-05-19
- 1.6.0 — 2022-05-18
- 1.5.9 — 2022-05-14
- 1.5.8 — 2022-05-14
- 1.5.7 — 2022-05-13
- 1.5.6 — 2022-05-12
- 1.5.5 — 2022-05-12
- 1.5.4 — 2022-05-12
- … 34 more at https://npm.io/package/atomic-library-core/versions

## README

# Atomic Library
this is a library of react components and other useful functions for development

## Installation

### npm
```bash
npm install atomic-library-core
```
### yarn 
```bash
yarn add atomic-library-core
```

## Demo
This is little demo about containers, all of them are basically the same component, the difference is that each one return a sematic tag
```jsx
import {
  Box,
  Header,
  Main,
  Aside,
  Footer,
  AtomicContext
} from 'atomic-library-core'

function App() {
  const [state, setState] = useState(false)
  return (
    <>
      <Box 
        atmClass="grid grid-cols-3 gap:10px m-4"
        areas={`
          'header header header'
          'main main aside'
          'footer footer footer'
        `}
      >
        <AtomicContext.Provider value={`rounded ${state ? "bg:#808B96" : "bg:#D5D8DC"}`}>
          <Header atmClass="h:80px  area:header"/>
          <Main atmClass="flex flex-wrap gap:10px area:main bg:none .first{ rounded-5 } ">
            <Box atmClass="h:150px w-full" className='first'/>
            <Box atmClass="h:150px w-full"/>
            <Box atmClass="h:150px w-full"/>
          </Main>
          <Aside atmClass="h:400px area:aside"/>
          <Footer atmClass="h:80px area:footer"/>
        </AtomicContext.Provider>
      </Box>
    </> 
  )
}

export default App
```
Result:
![Screenshot](https://github.com/atomic-library/atomic-library-core/blob/master/src/assets/preview.PNG)
## Note
this is the new version of <a href="https://github.com/my-library-org/my-library-core">my-library-core</a>

---
_Source: https://npm.io/package/atomic-library-core · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._