# @seabass-ui/flexbox

> React Native primitive flexbox UI to be used in pacific-dev projects.

Latest version **0.1.0** (published 2020-12-05) · EPL-2.0 license · 0 weekly downloads

## Install

```sh
npm install @seabass-ui/flexbox
pnpm add @seabass-ui/flexbox
yarn add @seabass-ui/flexbox
bun add @seabass-ui/flexbox
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2020-12-05 |
| First published | 2020-12-05 |
| Weekly downloads | 0 |
| License | EPL-2.0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 81.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Maintainers | ferossgp |
| Keywords | react-native-component, react-component, react-native, ios, android, flexbox, box |

## Links

- npm: https://www.npmjs.com/package/@seabass-ui/flexbox
- Repository: https://github.com/pacific-dev/seabass
- Homepage: https://github.com/pacific-dev/seabass#readme
- Issues: https://github.com/pacific-dev/seabass/issues
- npm.io page: https://npm.io/package/@seabass-ui/flexbox

## Alternatives

- [react-native-root-siblings](https://npm.io/package/react-native-root-siblings.md) — 102.9K weekly downloads
- [@praxisui/dialog](https://npm.io/package/@praxisui/dialog.md) — 2.0K weekly downloads
- [easy-toggle-state](https://npm.io/package/easy-toggle-state.md) — 350 weekly downloads
- [ngx-lightbox-evp](https://npm.io/package/ngx-lightbox-evp.md) — 19 weekly downloads
- [react-native-modal-translucent-axton](https://npm.io/package/react-native-modal-translucent-axton.md) — 4 weekly downloads

## Recent versions

- 0.1.0 (latest) — 2020-12-05

## README

# Seabass

React Native primitive UI components inspired by [Rebass](https://github.com/rebassjs/rebass).

### Getting Started

```jsx
import React from 'react'
import { Box, Heading, Button } from 'rebass'

export default props =>
  <Box>
    <Box py={2}>
      <Heading>Hello</Heading>
    </Box>
    <Pressable sx={{":pressed": {backgroundColor: "primary", color: "white"}}}>
        Hello World
    </Pressable>
  </Box>
```

### Motivation

Seabass provides a minimal amount of primitive components. It's a base for a design system or a component library.

Seabass is heavily inspired by [Rebass](https://github.com/rebassjs/rebass) and [Design System](http://design-system.com/).

### License

EPL-2.0, see [LICENSE.md](https://github.com/pacific-dev/seabass/blob/main/LICENSE) for details.

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