Azhar UI

Installation

npm install
# or
yarn install

Running the Project

Regular App

# Start Expo
npm start

# Run on iOS
npm run ios

# Run on Android
npm run android

# Run on Web
npm run web

Storybook

# Start Storybook
npm run storybook

# iOS
npm run storybook:ios

# Android
npm run storybook:android

Components

Sliding Button

import { SlidingButton } from "./components/SlidingButton";

<SlidingButton
  text="Slide to Confirm"
  onPress={() => console.log("Confirmed!")}
/>;

VoiceRecorderSheet

import { VoiceRecorderSheet } from "./components/VoiceRecorderSheet";

<VoiceRecorderSheet
  onPress={() => console.log("Button pressed")}
  callVoiceListener={() => console.log("Recording started")}
  stopVoiceListener={() => console.log("Recording stopped")}
/>;

Tech Stack

Key Dependencies

License