Update README with warning message#19
Conversation
Add a warning message that this project is unfinished.
|
Hi! I'm VTEX IO CI/CD Bot and I'll be helping you to publish your app! 🤖 Please select which version do you want to release:
And then you just need to merge your PR when you are ready! There is no need to create a release commit/tag.
|
|
Beep boop 🤖 Thank you so much for keeping our documentation up-to-date ❤️ |
| ## Customization | ||
|
|
||
| The first thing that should be present in this section is the sentence below, showing users the recipe pertaining to CSS customization in blocks: | ||
| The first thing that should be present in this section is the sentence below, showing users the recipe pertaining to CSS customization in apps: |
There was a problem hiding this comment.
This is an instruction to add customization info to the doc! If no Handles are currently available, this part should be removed - only keep the No CSS Handles are available yet for the app customization.
| `In order to apply CSS customizations in this and other blocks, follow the instructions given in the recipe on [Using CSS Handles for store customization](https://vtex.io/docs/recipes/style/using-css-handles-for-store-customization).` | ||
|
|
||
| Thereafter, you should add a single column table with the available CSS handles for that block: | ||
| Thereafter, you should add a single column table with the available CSS handles for the app, like the one below. Note that the Handles must be ordered alphabetically. | ||
|
|
||
| | CSS Handles | | ||
| | ----------- | |
There was a problem hiding this comment.
This is an instruction to add customization info to the doc! If no Handles are currently available, this part should be removed - only keep the No CSS Handles are available yet for the app customization.
| Under the app's name, you should explain the topic, giving a **brief description** of its **functionality** in a store when installed. | ||
|
|
||
| Next, **add media** (either an image of a GIF) with the rendered components, so that users can better understand how the app works in practice. |
There was a problem hiding this comment.
This is an instruction to clarify which info should be added to the doc - It should be replaced with real data!
| In this section, you first must **add the primary instructions** that will allow users to use the app's blocks in their store, such as: | ||
|
|
||
| 1. Adding the app as a theme dependency in the `manifest.json` file; | ||
| 2. Declaring the app's main block in a given theme template or inside another block from the theme. | ||
|
|
||
| Remember to add a table with all blocks exported by the app and their descriptions. You can verify an example of it on the [Search Result documentation](https://vtex.io/docs/components/all/vtex.search-result@3.56.1/). | ||
|
|
||
| Next, add the **props table** containing your block's props. | ||
|
|
||
| If the app exports more than one block, create several tables - one for each block. For example: | ||
|
|
||
| ### `block-1` props | ||
|
|
||
| | Prop name | Type | Description | Default value | | ||
| | ------------ | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | | ||
| | `XXXXX` | `XXXXXX` | XXXXXXXX | `XXXXXX` | | ||
|
|
||
|
|
||
| ### `block-2` props | ||
|
|
||
| | Prop name | Type | Description | Default value | | ||
| | ------------ | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | | ||
| | `XXXXX` | `XXXXXX` | XXXXXXXX | `XXXXXX` | | ||
|
|
||
| Prop types are: | ||
|
|
||
| - `string` | ||
| - `enum` | ||
| - `number` | ||
| - `boolean` | ||
| - `object` | ||
| - `array` | ||
|
|
||
| Next, add the **block's props table**: | ||
| When documenting a prop whose type is `object` or `array` another prop table will be needed. You can create it following the example below: | ||
|
|
||
| - `propName` object: | ||
|
|
||
| | Prop name | Type | Description | Default value | | ||
| | ------------ | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | | ||
| | `XXXXX` | `XXXXXX` | XXXXXXXX | `XXXXXX` | | ||
|
|
||
|
|
||
| Remember to also **showcase any necessary disclaimer** related to the block in this section, such as the different behavior it may display during its configuration. | ||
| Remember to also use this Configuration section to **showcase any necessary disclaimer** related to the app and its blocks, such as the different behavior it may display during its configuration. |
There was a problem hiding this comment.
This is an instruction to clarify which info should be added to the doc - It should be replaced with real data!
|
|
||
| Next, **add media** (either an image of a GIF) with the rendered components, so that users can better understand how the app works in practice. | ||
|
|
||
|  |
There was a problem hiding this comment.
This is an instruction to clarify which info should be added to the doc - It should be replaced with a real media!
Co-authored-by: Bia <52087100+guerreirobeatriz@users.noreply.github.com>
Co-authored-by: Bia <52087100+guerreirobeatriz@users.noreply.github.com>
Add a warning message that this project is unfinished.
What problem is this solving?
Warns general developers that this is an unfinished project.
How should this be manually tested?
N/A
Checklist/Reminders
README.md.CHANGELOG.md.Screenshots or example usage
Type of changes
Notes