# clout-components

> Library of react components used by Clout Software

Latest version **0.1.7** (published 2020-09-22) · 0 weekly downloads

## Install

```sh
npm install clout-components
pnpm add clout-components
yarn add clout-components
bun add clout-components
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.7 |
| Published | 2020-09-22 |
| First published | 2020-05-10 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 17 |
| Unpacked size | 29.1 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | sveinung_overland |

## Links

- npm: https://www.npmjs.com/package/clout-components
- npm.io page: https://npm.io/package/clout-components

## Dependencies (17)

- [react](https://npm.io/package/react.md) ^16.13.1
- [node-sass](https://npm.io/package/node-sass.md) ^4.14.1
- [react-dom](https://npm.io/package/react-dom.md) ^16.13.1
- [typescript](https://npm.io/package/typescript.md) ^3.7.5
- [@types/node](https://npm.io/package/@types/node.md) ^12.12.38
- [postcss-cli](https://npm.io/package/postcss-cli.md) ^7.1.1
- [tailwindcss](https://npm.io/package/tailwindcss.md) ^1.4.6
- [@types/react](https://npm.io/package/@types/react.md) ^16.9.34
- [autoprefixer](https://npm.io/package/autoprefixer.md) ^9.7.6
- [react-scripts](https://npm.io/package/react-scripts.md) 3.4.1
- [@types/react-dom](https://npm.io/package/@types/react-dom.md) ^16.9.7
- [body-scroll-lock](https://npm.io/package/body-scroll-lock.md) ^3.0.3
- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) ^0.1.11
- [@fortawesome/fontawesome-svg-core](https://npm.io/package/@fortawesome/fontawesome-svg-core.md) ^1.2.29
- [@fortawesome/free-solid-svg-icons](https://npm.io/package/@fortawesome/free-solid-svg-icons.md) ^5.13.1
- [@fortawesome/free-brands-svg-icons](https://npm.io/package/@fortawesome/free-brands-svg-icons.md) ^5.13.1
- [@fortawesome/free-regular-svg-icons](https://npm.io/package/@fortawesome/free-regular-svg-icons.md) ^5.13.1

## Recent versions

- 0.1.7 (latest) — 2020-09-22
- 0.1.6 — 2020-06-22
- 0.1.4 — 2020-05-10

## README

# Compclout
Clout Software's own react component library based on Tailwind CSS

### Storybook documentation is hosted at https://cloutsoftware.github.io/compclout/index.html

## Development
!OBS!!!!
export const Button: FC<ButtonTypes> = ({ onClick, label = "Some label", outlined}) => {
    return (
        <button
            onClick={onClick}
            className={outlined ? OUTLINED_BUTTON + " " + styles.root : CONTAINED_BUTTON}
        >
            <span>{label}</span>
        </button>
    )
}; <- Den siste ";" der er veldig viktig, mangler den vil ikke storybook kompilere


## Adding components
For å lettere holde oversikt over hvilke komponenter som jobbes på kan github sin 'branch' funksjon brukes.
Da kan andre se hvilke komponenter som jobbes på så ikke flere jobber på samme komponent samtidig.

Navnet på branchen bør settes til komponentens navn for ovesiktlighet. Feks: 'Button' / 'Button-component'.

* Opprettelse av branch: </br>
https://guides.github.com/activities/hello-world/#branch


* Committs til en bestemt branch i Github Desktop: </br>
https://help.github.com/en/desktop/contributing-to-projects/committing-and-reviewing-changes-to-your-project#1-choosing-a-branch-and-making-changes


* Åpne pull request for review før merge: </br>
https://guides.github.com/activities/hello-world/#pr


* Merge branch med master: </br>
https://guides.github.com/activities/hello-world/#merge

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