diff --git a/README.md b/README.md
index a4959ff..deec39e 100644
--- a/README.md
+++ b/README.md
@@ -1,17 +1,17 @@
# 🤯 Actual Gradient Borders in React Native 🤯
+
## Features
- Easily create views with gradient borders
- Supports any background (including transparent)
- Uses same style properties as ``
- - borderWidth, borderRadius, borderLeftWidth etc.
+ - borderWidth, borderRadius, borderLeftWidth, borderTopRightRadius etc.
- Exposes `react-native-linear-gradient` props to allow full customization of gradient
- Great typesafety to prevent potential usage issues
-## Installation
-This module uses `react-native-linear-gradient`, which requires `expo` to be installed.
+[API Reference](#api-reference)
-**If you don't have Expo installed in your project run**
-Install library and required packages:
+## Installation
+Install library
```sh
yarn add @good-react-native/gradient-border
@@ -39,15 +39,17 @@ cd ios && pod install
/>
```
+
+
Note we just use the views border styles to control things like border width, border radius, etc. All border styles are supported (`borderTopWidth`, `borderBottomLeftRadius`, etc).
If you don't pass a border width there will be no gradient border shown.
-`colors` is the only required property to pass to `gradientProps`. If you want more information on how to modify the gradient itself, [check out Expo's docuementation.](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) (it's good).
+`colors` is the only required property to pass to `gradientProps`, but there are other props for customizing the gradient. If you want more information on how to modify the gradient itself, [check out the docs.](https://github.com/react-native-linear-gradient/react-native-linear-gradient/) (it's good).
### Differences with ``
#### Absolute positioning
-One difference between the `` and a regular `` border is that when applying a border to a regular view, any absolute positioned child components will take into account the border width. It doesn't seem like there's any way to mimic this behavior in our ``, if it's bothering you you'll have to deal with it. For example one solution is to wrap the inner view with an extra ``:
+One difference between the `` and a regular `` border is that when applying a border to a regular view, any absolute positioned child components will take into account the border width. It doesn't seem like there's any way to mimic this behavior in our ``. One solution is to wrap the inner view with an extra ``:
```jsx
` and a regular `` borde
```
#### Percentage padding
-`` applies its own padding internally to compensate for the border width. Since that padding is combined with the developers padding, we can't support percentage based padding.
\ No newline at end of file
+`` applies its own padding internally to compensate for the border width. Since that padding is combined with the developers padding, we can't support percentage based padding.
+
+# API Reference
+## `GradientBorderView` Props
+`` support all props that `React Native`'s view supports, but uses a modified version of the `style` prop. Specifically, the modified style prop does not accept any of the `borderColor` props, and only accepts `number` padding values.
+
+Additionally, it has the following props:
+| **Props** | **Description** | **Type** | **Required** |
+|---------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------|--------------|
+| gradientProps | Props to be passed to the `` from [`react-native-linear-gradient`](https://github.com/react-native-linear-gradient/react-native-linear-gradient).
Requires at least a `colors` property. Supports all `LinearGradient` props except `style` and `pointerEvents`. | GradientProps | Yes |