# @mcrowe/styled-web

> Typesafe styled components for Typescript and React-Web

Latest version **0.0.4** (published 2017-10-13) · ISC license · 0 weekly downloads

## Install

```sh
npm install @mcrowe/styled-web
pnpm add @mcrowe/styled-web
yarn add @mcrowe/styled-web
bun add @mcrowe/styled-web
```

## Health

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

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2017-10-13 |
| First published | 2017-10-04 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Mitch Crowe |
| Maintainers | mcrowe |

## Links

- npm: https://www.npmjs.com/package/@mcrowe/styled-web
- Repository: https://github.com/mcrowe/styled-web
- Homepage: https://github.com/mcrowe/styled-web#readme
- Issues: https://github.com/mcrowe/styled-web/issues
- npm.io page: https://npm.io/package/@mcrowe/styled-web

## Recent versions

- 0.0.4 (latest) — 2017-10-13
- 0.0.3 — 2017-10-07
- 0.0.2 — 2017-10-04
- 0.0.1 — 2017-10-04

## README

# Styled:Web

Typesafe styled components for Typescript and React-Web

## Why?

Because [styled-components](https://github.com/styled-components/styled-components) almost get it right. Styling in pure Javascript has massive simplicity advantages.

## Performance

Currently this creates inline styles on every element. This may have *small* performance implications depending on your app. Benchmark and decide if this is a problem.

## Usage

> npm install @mcrowe/styled --save

```js
import * as Styled from '@mcrowe/styled-web'

const Container = Styled.view({
  backgroundColor: 'green',
  paddingHorizontal: 12
})

const Title = Styled.text({
  fontSize: 30
})

const MyComponent = () =>
  <Container>
    <Title>Hello, World!</Title>
  </Container>
```

## Development

Install npm modules:

> npm install

Run tests:

> npm test

## Release

Release a new version:

> bin/release.sh

This will publish a new version to npm, as well as push a new tag up to github.

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