> ## Documentation Index
> Fetch the complete documentation index at: https://engineering.trewknowledge.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Using Block Components

## Overview

In our Gutenberg block development, we often need common components like post pickers, icon selectors, and other reusable elements.

Our friends at 10up have a robust library of useful and well-maintained components that provides many of the features we need. To use it, just npm install the following package: [@10up/block-components](https://github.com/10up/block-components).

## Why use it?

* Better standardization across projects
* Regular updates and improvements from the 10up team
* Comprehensive documentation and examples
* Active community support

## Available Components

The `@10up/block-components` library provides several useful components for WordPress block development. Here are some examples demonstrated in our demo block:

* **ClipboardButton** - A button component that copies text to the clipboard
* **ContentPicker** - A versatile picker for WordPress content, supporting:
  * Posts and Pages
  * Users
  * Taxonomy terms
* **IconPicker** - Available in three variants:
  * Standard panel picker
  * Toolbar button
  * Inline picker

For implementation examples and usage patterns, refer to our [demo block](https://github.com/trewknowledge/wordpress-components) which showcases these components in action.

## Contributing

You are welcome to contribute back to the project by submitting issues and opening pull requests with improvements and/or bug fixes.