Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/builtnorth/wp-component-library

Library of components for use in the WordPress block editor.
https://github.com/builtnorth/wp-component-library

block-library npm-package wordpress wp-components

Last synced: 3 days ago
JSON representation

Library of components for use in the WordPress block editor.

Awesome Lists containing this project

README

        

# WP Component Library

Library of reusable components for easier WordPress block development. It includes tools for common tasks like media uploads, color settings, and layouts.

## Installation

```bash
npm install @builtnorth/wp-component-library
```

## Components

- [MediaUpload](#mediaupload)
- [SectionSettings](#sectionsettings)
- [AttachmentImage](#attachmentimage)
- [Pagination](#pagination)

### MediaUpload

A set of components for handling media uploads in different contexts.

**Components:**

- `ToolbarMediaUpload`: For use in block toolbars
- `EditorMediaUpload`: A customizable media upload button
- `InspectorMediaUpload`: For use in inspector controls

**Usage:**

```jsx
import { ToolbarMediaUpload, EditorMediaUpload, InspectorMediaUpload } from "@builtnorth/wp-component-library";

// Basic usage

```

### SectionSettings

Components for managing section-level settings.

**Components:**

- `SectionSettings`: General section settings
- `SectionBackground`: Background settings for sections

**Usage:**

```jsx
import { SectionSettings, SectionBackground } from "@builtnorth/wp-component-library";

// Basic usage

```

### AttachmentImage

JS companion to `wp_get_attachment()`. (From [Brian Coords](https://github.com/bacoords/example-image-block/blob/main/src/AttachmentImage.js))

**Usage:**

```jsx
import { AttachmentImage } from "@builtnorth/wp-component-library";

// Basic usage
;
```

### Pagination

A component for displaying pagination.

**Usage:**

```jsx
import { Pagination } from "@builtnorth/wp-component-library";

// Basic usage
;
```

## Disclaimer

This component library is provided "as is" without warranty of any kind, express or implied. Use at your own risk. The authors and contributors are not responsible for any damages or liabilities arising from the use of this library. Always test components thoroughly in your specific environment before deploying to production.