@entrypulse/builder 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -9
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -5,16 +5,16 @@ A customizable React form builder with drag-and-drop functionality and extensibl
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
npm install
|
|
8
|
+
npm install @entrypulse/builder
|
|
9
9
|
# or
|
|
10
|
-
yarn add
|
|
10
|
+
yarn add @entrypulse/builder
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
## Quick Start
|
|
14
14
|
|
|
15
15
|
```tsx
|
|
16
|
-
import { EntryPulse } from '
|
|
17
|
-
import '
|
|
16
|
+
import { EntryPulse } from '@entrypulse/builder';
|
|
17
|
+
import '@entrypulse/builder/styles.css';
|
|
18
18
|
|
|
19
19
|
function App() {
|
|
20
20
|
return <EntryPulse />;
|
|
@@ -30,7 +30,7 @@ EntryPulse allows you to customize the toolbar by adding your own actions, overr
|
|
|
30
30
|
Use `createToolbarAction` to create custom toolbar buttons:
|
|
31
31
|
|
|
32
32
|
```tsx
|
|
33
|
-
import { EntryPulse, createToolbarAction } from '
|
|
33
|
+
import { EntryPulse, createToolbarAction } from '@entrypulse/builder';
|
|
34
34
|
import { Save, Globe } from 'lucide-react';
|
|
35
35
|
|
|
36
36
|
// Create a save action
|
|
@@ -80,7 +80,7 @@ function App() {
|
|
|
80
80
|
Use `createToolbarActions` to create multiple actions at once:
|
|
81
81
|
|
|
82
82
|
```tsx
|
|
83
|
-
import { createToolbarActions } from '
|
|
83
|
+
import { createToolbarActions } from '@entrypulse/builder';
|
|
84
84
|
import { Cloud, Settings, Share } from 'lucide-react';
|
|
85
85
|
|
|
86
86
|
const actions = createToolbarActions([
|
|
@@ -206,7 +206,7 @@ Available built-in action IDs to override:
|
|
|
206
206
|
Use `toolbarConfig` for more control:
|
|
207
207
|
|
|
208
208
|
```tsx
|
|
209
|
-
import { EntryPulse, ToolbarConfig } from '
|
|
209
|
+
import { EntryPulse, ToolbarConfig } from '@entrypulse/builder';
|
|
210
210
|
|
|
211
211
|
const toolbarConfig: ToolbarConfig = {
|
|
212
212
|
// Custom actions
|
|
@@ -296,7 +296,7 @@ const existingSchema = await fetch('/api/forms/123').then(r => r.json());
|
|
|
296
296
|
You can use the form preview components independently:
|
|
297
297
|
|
|
298
298
|
```tsx
|
|
299
|
-
import { FormPreview, WizardForm, FormSchema } from '
|
|
299
|
+
import { FormPreview, WizardForm, FormSchema } from '@entrypulse/builder';
|
|
300
300
|
|
|
301
301
|
// Regular form preview
|
|
302
302
|
<FormPreview
|
|
@@ -323,7 +323,7 @@ import type {
|
|
|
323
323
|
ToolbarAction,
|
|
324
324
|
ToolbarConfig,
|
|
325
325
|
ToolbarActionContext,
|
|
326
|
-
} from '
|
|
326
|
+
} from '@entrypulse/builder';
|
|
327
327
|
```
|
|
328
328
|
|
|
329
329
|
## License
|