Skip to content

Commit

Permalink
chore: update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
eduardoborges committed Nov 6, 2023
1 parent d4e4d51 commit 5bb4a7d
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 6 deletions.
17 changes: 12 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div align="center">
<h1>🥸 react-native-flex</h1>
<h4>A simple flex grid component to build layouts with elegance</h4>
<h1>📏 react-native-flex</h1>
<h4>A simple react-native flex grid component to build layouts with elegance</h4>

![npm](https://img.shields.io/npm/v/react-native-flex) ![npm package minimized gzipped size (select exports)](https://img.shields.io/bundlejs/size/react-native-flex?color=green-light) ![npm](https://img.shields.io/npm/dw/react-native-flex)
</div>
Expand All @@ -22,13 +22,20 @@ npm install react-native-flex

```jsx
import React from 'react'
import { withMask } from 'use-mask-input';
import { Flex } from 'react-native-flex';

const App = () => {
return (
<input type="text" ref={withMask('9999-9999')} />
<Flex vCentered centered vertical debug>
<Flex vEnd centered full>
// ...
</Flex>
<Flex centered vCentered>
// ...
</Flex>
</Flex>
)
}
```

# Let's grid it! 💪
## Let's grid it! 💪
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"name": "react-native-flex",
"version": "1.0.2",
"private": false,
"description": "A react-native component for build elegant flex grids like a pro.",
"description": "A simple react-native flex grid component to build layouts with elegance",
"author": "Eduardo Borges<[email protected]>",
"type": "module",
"repository": {
Expand Down

0 comments on commit 5bb4a7d

Please sign in to comment.