Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/negativetwelve/styled-x

Cross-platform styled-components built with React
https://github.com/negativetwelve/styled-x

react react-x styled-components

Last synced: 2 months ago
JSON representation

Cross-platform styled-components built with React

Host: GitHub
URL: https://github.com/negativetwelve/styled-x
Owner: negativetwelve
License: mit
Created: 2018-03-31T00:37:08.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2022-12-08T22:49:29.000Z (about 2 years ago)
Last Synced: 2024-10-12T07:31:04.408Z (2 months ago)
Topics: react, react-x, styled-components
Language: JavaScript
Homepage:
Size: 3.04 MB
Stars: 3
Watchers: 2
Forks: 0
Open Issues: 21
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # styled-x

[![npm](https://img.shields.io/npm/v/styled-x.svg)](https://www.npmjs.com/package/styled-x)

[![npm](https://img.shields.io/npm/dt/styled-x.svg)](https://www.npmjs.com/package/styled-x)

[![npm](https://img.shields.io/npm/l/styled-x.svg)](https://github.com/negativetwelve/styled-x/blob/master/LICENSE)

[![CircleCI](https://img.shields.io/circleci/project/github/negativetwelve/styled-x.svg?label=circle)](https://circleci.com/gh/negativetwelve/styled-x)

[![Travis](https://img.shields.io/travis/negativetwelve/styled-x.svg?label=travis)](https://travis-ci.org/negativetwelve/styled-x)

[![AppVeyor](https://img.shields.io/appveyor/ci/negativetwelve/styled-x/master.svg?label=appveyor)](https://ci.appveyor.com/project/negativetwelve/styled-x)

[![Coveralls](https://img.shields.io/coveralls/negativetwelve/styled-x.svg)](https://coveralls.io/github/negativetwelve/styled-x?branch=master)

Cross-platform component library built with react-x.

## Getting Started

Install `styled-x` using `yarn`:

```shell

yarn add styled-x

```

## Usage

```javascript

// You can import the entire component library as a single import:

import Styled from 'styled-x';

// Or you can import individual components:

import {Text, View} from 'styled-x';

```

## Components

Component | Version | Description

----------|---------|------------

[`styled-x-primitives`](/packages/styled-x-primitives) | [![npm](https://img.shields.io/npm/v/styled-x-primitives.svg)][npm-primitives] | Cross-platform Image, Text, and View components.

[npm-primitives]: https://www.npmjs.com/package/styled-x-primitives

## Contributing

If you have any ideas on how this module could be better, [create an Issue](https://github.com/negativetwelve/styled-x/issues) or [submit a PR](https://github.com/negativetwelve/styled-x/pulls).