### Install @carbon/react-native using npm

Source: https://carbon-design-system.github.io/carbon-react-native/index

Command to install the @carbon/react-native package as a production dependency using npm.

```Shell
npm install -S @carbon/react-native
```

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

### Install @carbon/react-native using Yarn

Source: https://carbon-design-system.github.io/carbon-react-native/index

Command to install the @carbon/react-native package as a production dependency using Yarn.

```Shell
yarn add @carbon/react-native
```

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

### Import and use Carbon React Native Button component

Source: https://carbon-design-system.github.io/carbon-react-native/index

Example demonstrating how to import and use the `Button` component from `@carbon/react-native` with a primary kind and custom text. It includes a placeholder `onPress` handler.

```JavaScript
import { Button } from '@carbon/react-native';

<Button kind="primary" text="My Button" onPress={() => {}} />;
```

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

### Retrieve Carbon Design System color tokens using getColor

Source: https://carbon-design-system.github.io/carbon-react-native/index

Example showing how to use the `getColor` utility function from `@carbon/react-native` to retrieve Carbon color tokens for styling. Colors adapt to the system theme by default, but a specific theme can be forced.

```JavaScript
import { getColor } from '@carbon/react-native';

const styles = StyleSheet.create({
  example: {
    padding: 16,
    color: getColor('textPrimary'),
    backgroundColor: getColor('background'),
  },
});
```

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

### Carbon React Native Components API Reference

Source: https://carbon-design-system.github.io/carbon-react-native/index

A list of core components and classes available in the `@carbon/react-native` module, typically generated via TypeDoc, providing an overview of the library's public API.

```APIDOC
Module: @carbon/react-native

Classes:
  AcceptTerms
  Accordion
  ActionSheet
  BottomNavigationBar
  BottomToolbar
  BottomToolbarPrimaryAction
  Button
  Checkbox
  ContentSwitcher
  DataTable
  DataTableCell
  DataTableHeader
  DataTableHeaderSelected
  DataTableRow
  DateInput
  DocumentViewer
  Dropdown
  ErrorState
  FileUploaderItem
  FormItem
  GrantPermission
```

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

### Using Carbon Icons in React Native Components

Source: https://carbon-design-system.github.io/carbon-react-native/index

Demonstrates how to import specific icons from `@carbon/icons` and integrate them with Carbon React Native components (e.g., `Button`) or use them directly in custom React Native views with the `createIcon` helper.

```JavaScript
import AddIcon from '@carbon/icons/es/add/20';

// Using an icon with a component that supports Carbon Icons.
<Button icon={AddIcon} />

// Using an icon directly in your own component. You can use our helper.  See `createIcon` params for options.
<View>{createIcon(icon, 20, 20)}</View>
```

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

### Configure react-native.config.js for Carbon assets

Source: https://carbon-design-system.github.io/carbon-react-native/index

Configuration for `react-native.config.js` to link Carbon React Native fonts. This file needs to be created or updated to include the assets path.

```JavaScript
module.exports = {
  project: {
    ios: {},
    android: {},
  },
  assets: [
    './node_modules/@carbon/react-native/src/assets/fonts/', // This needs to be added if file already exists
  ],
};
```

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