@zahlen/checkout 0.1.1 → 0.1.2

package/README.md

@@ -177,7 +177,24 @@ Zahlen.init({
 npm install @zahlen/checkout-react
 ```
 
-See [@zahlen/checkout-react](../zahlen-checkout-react/README.md) for React-specific hooks and components.
+```tsx
+import { ZahlenButton, ZahlenProvider } from '@zahlen/checkout-react';
+
+function App() {
+  return (
+    <ZahlenProvider apiKey="pk_live_xxx">
+      <ZahlenButton
+        amount={499900}
+        currency="NGN"
+        onSuccess={(result) => console.log('Paid!', result)}
+        onError={(error) => console.error(error)}
+      >
+        Pay ₦4,999
+      </ZahlenButton>
+    </ZahlenProvider>
+  );
+}
+```
 
 ### Angular
 
@@ -185,7 +202,26 @@ See [@zahlen/checkout-react](../zahlen-checkout-react/README.md) for React-speci
 npm install @zahlen/checkout-angular
 ```
 
-See [@zahlen/checkout-angular](../zahlen-checkout-angular/README.md) for Angular module and directives.
+```typescript
+// app.module.ts
+import { ZahlenModule } from '@zahlen/checkout-angular';
+
+@NgModule({
+  imports: [ZahlenModule.forRoot({ apiKey: 'pk_live_xxx' })]
+})
+export class AppModule {}
+```
+
+```html
+<!-- component.html -->
+<button zahlenCheckout
+  [amount]="499900"
+  [currency]="'NGN'"
+  (success)="onSuccess($event)"
+  (error)="onError($event)">
+  Pay ₦4,999
+</button>
+```
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zahlen/checkout",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Modern, Gen Z-friendly payment checkout modal for the web",
   "author": "Zahlen",
   "license": "MIT",