JSPM

react-native-border

0.1.4
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 9
  • Score
    100M100P100Q50691F
  • License MIT

Easily create stylish, image-based borders in React Native components

Package Exports

  • react-native-border
  • react-native-border/package.json

Readme

📦 react-native-border

A lightweight and customizable React Native component for adding stylish, image-based borders to any content. Wrap your views with repeated icons or decorative images on all four sides — with full control over size, rotation, and spacing.


🖼️ Preview

BorderBox Screenshot

In the above example, a simple right-arrow icon is repeated around the box with directional rotation. You can use any image to customize your borders!


🚀 Features

  • 🔁 Repeat any icon/image on all four sides
  • 🎛️ Customize rotation (top, right, bottom, left)
  • 📐 Adjustable icon width, height, padding
  • 🧩 Supports any children (text, buttons, images)
  • 🌐 Supports local or remote image sources

📦 Installation

npm install react-native-border