### Quick Start Button Example

Source: https://github.com/yamankatby/react-native-material/blob/main/README.md

A minimal example demonstrating how to use the Button component from the library. It shows basic import and usage with an onPress handler.

```javascript
import React from "react";
import { Button } from "@react-native-material/core";

export default function App() {
  return <Button title="Button" onPress={() => alert("hi!")} />;
}
```

--------------------------------

### Start Example App Packager

Source: https://github.com/yamankatby/react-native-material/blob/main/CONTRIBUTING.md

Starts the Metro server for the example application. This allows for live reloading of changes made to the library's JavaScript code.

```shell
yarn example start
```

--------------------------------

### Install Project Dependencies

Source: https://github.com/yamankatby/react-native-material/blob/main/CONTRIBUTING.md

Installs all necessary dependencies for the project packages using Yarn. This is the first step to get started with development.

```shell
yarn
```

--------------------------------

### Project Setup Script

Source: https://github.com/yamankatby/react-native-material/blob/main/CONTRIBUTING.md

A script to bootstrap the project, which includes installing all dependencies and setting up native modules like pods for iOS.

```shell
yarn bootstrap
```

--------------------------------

### Run Example App on Web

Source: https://github.com/yamankatby/react-native-material/blob/main/CONTRIBUTING.md

Runs the example application in a web browser. This is useful for testing web compatibility.

```shell
yarn example web
```

--------------------------------

### Run Example App on iOS

Source: https://github.com/yamankatby/react-native-material/blob/main/CONTRIBUTING.md

Builds and runs the example application on an iOS device or simulator. Requires native code changes to be rebuilt.

```shell
yarn example ios
```

--------------------------------

### Run Example App on Android

Source: https://github.com/yamankatby/react-native-material/blob/main/CONTRIBUTING.md

Builds and runs the example application on an Android device or emulator. Requires native code changes to be rebuilt.

```shell
yarn example android
```

--------------------------------

### Install @react-native-material/core

Source: https://github.com/yamankatby/react-native-material/blob/main/README.md

Installs the core library using npm or yarn. This is the primary step to integrate the Material Design components into your React Native project.

```shell
npm install @react-native-material/core
```

```shell
yarn add @react-native-material/core
```

--------------------------------

### Publish New Versions to npm

Source: https://github.com/yamankatby/react-native-material/blob/main/CONTRIBUTING.md

Uses release-it to automate the process of publishing new versions to npm. This includes version bumping, tag creation, and release generation.

```shell
yarn release
```

--------------------------------

### Run Unit Tests

Source: https://github.com/yamankatby/react-native-material/blob/main/CONTRIBUTING.md

Executes the project's unit tests using Jest. It's recommended to add tests for new changes.

```shell
yarn test
```

--------------------------------

### Verify Code Quality with TypeScript

Source: https://github.com/yamankatby/react-native-material/blob/main/CONTRIBUTING.md

Runs the TypeScript compiler to perform type checking across the project files. Ensures code adheres to type safety standards.

```shell
yarn typescript
```

--------------------------------

### Lint and Format Code

Source: https://github.com/yamankatby/react-native-material/blob/main/CONTRIBUTING.md

Lints the project files using ESLint to check for code style and potential errors. The `--fix` flag automatically corrects formatting issues.

```shell
yarn lint
yarn lint --fix
```

--------------------------------

### Backdrop Component API

Source: https://github.com/yamankatby/react-native-material/blob/main/README.md

Documentation for the Backdrop component, which serves as a background surface for contextual and actionable content behind other app elements. It's often used for detailed views or actions.

```APIDOC
<Backdrop />
  - Appears behind all other surfaces, displaying contextual and actionable content.
  - Used to layer information or provide interactive backgrounds.
  - Example usage can be found at: https://rn-material.js.org/docs/components/backdrop
```

--------------------------------

### Conventional Commits Specification

Source: https://github.com/yamankatby/react-native-material/blob/main/CONTRIBUTING.md

Defines the standard format for commit messages to ensure consistency and clarity within the project's version control history. Pre-commit hooks enforce this standard.

```APIDOC
Conventional Commits Specification:

- **fix**: Bug fixes, e.g., fix crash due to deprecated method.
- **feat**: New features, e.g., add new method to the module.
- **refactor**: Code refactoring, e.g., migrate from class components to hooks.
- **docs**: Documentation changes, e.g., add usage example for the module.
- **test**: Adding or updating tests, e.g., add integration tests using detox.
- **chore**: Tooling changes, e.g., change CI config.

Commit messages must adhere to this format.
```

--------------------------------

### Appbar Component API

Source: https://github.com/yamankatby/react-native-material/blob/main/README.md

Documentation for the Appbar component, which displays information and actions related to the current screen. It supports various styles including prominent and bottom app bars.

```APIDOC
<Appbar />
  - Displays information and actions relating to the current screen.
  - Supports different visual styles like prominent and bottom app bars.
  - Example usage can be found at: https://rn-material.js.org/docs/components/app-bar
```

--------------------------------

### Button Component API

Source: https://github.com/yamankatby/react-native-material/blob/main/README.md

Documentation for the Button component, which allows users to take actions or make choices with a single tap. It's a fundamental interactive element in Material Design.

```APIDOC
<Button />
  - Allows users to take actions and make choices with a single tap.
  - A fundamental interactive UI element.
  - Example usage can be found at: https://rn-material.js.org/docs/components/button
```

--------------------------------

### Badge Component API

Source: https://github.com/yamankatby/react-native-material/blob/main/README.md

Documentation for the Badge component, used to indicate dynamic information such as pending requests or notifications, often seen in navigation bars or tabs.

```APIDOC
<Badge />
  - Represents dynamic information, like pending requests in navigation elements.
  - Typically used with components like Bottom Navigation or Tab Bar.
  - Example usage can be found at: https://rn-material.js.org/docs/components/badge
```

--------------------------------

### Banner Component API

Source: https://github.com/yamankatby/react-native-material/blob/main/README.md

Documentation for the Banner component, which displays a prominent message along with optional related actions. It's suitable for important alerts or status updates.

```APIDOC
<Banner />
  - Displays a prominent message and optional related actions.
  - Suitable for critical information or user guidance.
  - Example usage can be found at: https://rn-material.js.org/docs/components/banner
```

--------------------------------

### Avatar Component API

Source: https://github.com/yamankatby/react-native-material/blob/main/README.md

Documentation for the Avatar component, used to represent users or items in lists and dialogs, following Material Design guidelines. It's a common UI element for profile pictures or icons.

```APIDOC
<Avatar />
  - Represents users or items, commonly used in tables and dialog menus.
  - Adheres to Material Design principles for visual representation.
  - Example usage can be found at: https://rn-material.js.org/docs/components/avatar
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.