https://github.com/native-ly/marginally-pudding

🍮 Create margins and paddings in React Native in the way well known from CSS
https://github.com/native-ly/marginally-pudding

android bottom expo functions horizontal ios left margin mobile padding react react-native right style top utility vertical web

Last synced: about 1 month ago
JSON representation

🍮 Create margins and paddings in React Native in the way well known from CSS

• Host: GitHub
• URL: https://github.com/native-ly/marginally-pudding
• Owner: native-ly
• License: mit
• Created: 2021-03-27T15:58:40.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-07-19T22:42:34.000Z (almost 2 years ago)
• Last Synced: 2025-03-18T04:59:39.690Z (2 months ago)
• Topics: android, bottom, expo, functions, horizontal, ios, left, margin, mobile, padding, react, react-native, right, style, top, utility, vertical, web
• Language: TypeScript
• Homepage: https://snack.expo.io/@jbiesiada/marginally-pudding
• Size: 1.15 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# [Marginally Pudding](https://github.com/native-ly/marginally-pudding)

[![NPM version](https://flat.badgen.net/npm/v/marginally-pudding)](https://www.npmjs.com/package/marginally-pudding)

[![NPM downloads](https://flat.badgen.net/npm/dm/marginally-pudding)](https://www.npmjs.com/package/marginally-pudding)

[![NPM license](https://flat.badgen.net/npm/license/marginally-pudding)](https://www.npmjs.com/package/marginally-pudding)

[![run in expo snack](https://img.shields.io/badge/Run%20in%20Snack-4630EB?style=flat-square&logo=EXPO&labelColor=FFF&logoColor=000)](https://snack.expo.io/@jbiesiada/marginally-pudding)

[![Codecov](https://flat.badgen.net/codecov/c/github/native-ly/marginally-pudding)](https://codecov.io/gh/native-ly/marginally-pudding)

[![Travis](https://flat.badgen.net/travis/native-ly/marginally-pudding)](https://app.travis-ci.com/github/native-ly/marginally-pudding)

[![Bundle size](https://flat.badgen.net/packagephobia/install/marginally-pudding)](https://packagephobia.com/result?p=marginally-pudding)

## About

Create margins and paddings in React Native in the way well known from CSS

## How to Install

First, install the library in your project by npm:

```sh

$ npm install marginally-pudding

```

Or Yarn:

```sh

$ yarn add marginally-pudding

```

## Getting Started

**Connect the library with the project using ES6 import:**

```js

import { marginally, pudding } from 'marginally-pudding'

```

## Options

You can use the functions with the following combinations:

- `(all)`

- `(vertical, horizontal)`

- `(top, horizontal, bottom)`

- `(top, right, bottom, left)`

All params are `number` or `string` type

## Example

```jsx

import React from 'react'

import { View } from 'react-native'

import { marginally, pudding } from 'marginally-pudding'

const App = () => {

  return (

    

  )

}

export default App

```

## License

This project is licensed under the MIT License © 2021-present Jakub Biesiada