@imgly/plugin-ai-generation-web 0.1.9 → 0.1.10
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/CHANGELOG.md +4 -0
- package/README.md +5 -5
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -317,7 +317,7 @@ input: {
|
|
|
317
317
|
imageUrl: (context, property) => {
|
|
318
318
|
const valueState = context.state('imageUrl', '');
|
|
319
319
|
context.builder.TextInput('imageUrl', {
|
|
320
|
-
|
|
320
|
+
inputLabel: 'Image URL',
|
|
321
321
|
...valueState
|
|
322
322
|
});
|
|
323
323
|
|
|
@@ -376,7 +376,7 @@ input: {
|
|
|
376
376
|
|
|
377
377
|
### 2. Custom Input Panels
|
|
378
378
|
|
|
379
|
-
The `custom` type gives you complete control over UI components.
|
|
379
|
+
The `custom` type gives you complete control over UI components. For more details on how to build custom panels and see all available builder components, refer to the [Create a Custom Panel](https://img.ly/docs/cesdk/js/user-interface/ui-extensions/create-custom-panel-d87b83/) guide.
|
|
380
380
|
|
|
381
381
|
```typescript
|
|
382
382
|
input: {
|
|
@@ -386,14 +386,14 @@ input: {
|
|
|
386
386
|
// Use the builder pattern to create UI components
|
|
387
387
|
const promptState = context.state('prompt', '');
|
|
388
388
|
context.builder.TextArea('prompt', {
|
|
389
|
-
|
|
389
|
+
inputLabel: 'Prompt',
|
|
390
390
|
...promptState
|
|
391
391
|
});
|
|
392
392
|
|
|
393
393
|
// Set up width selection
|
|
394
394
|
const widthState = context.state('width', 1024);
|
|
395
395
|
context.builder.Select('width', {
|
|
396
|
-
|
|
396
|
+
inputLabel: 'Width',
|
|
397
397
|
options: [
|
|
398
398
|
{ value: 512, label: '512px' },
|
|
399
399
|
{ value: 1024, label: '1024px' },
|
|
@@ -765,7 +765,7 @@ This example shows how to create a quick action that expands into a more complex
|
|
|
765
765
|
const promptState = state('prompt', '');
|
|
766
766
|
|
|
767
767
|
builder.TextArea('prompt', {
|
|
768
|
-
|
|
768
|
+
inputLabel: 'Prompt',
|
|
769
769
|
placeholder: 'Describe the changes you want...',
|
|
770
770
|
...promptState
|
|
771
771
|
});
|