-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update README with warning message #19
base: main
Are you sure you want to change the base?
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 ❤️ |
docs/README.md
Outdated
|
||
## 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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.
docs/README.md
Outdated
`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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.
docs/README.md
Outdated
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is an instruction to clarify which info should be added to the doc - It should be replaced with real data!
docs/README.md
Outdated
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/[email protected]/). | ||
|
||
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is an instruction to clarify which info should be added to the doc - It should be replaced with real data!
docs/README.md
Outdated
Next, **add media** (either an image of a GIF) with the rendered block, so that users can better understand how the block works in practice. | ||
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. | ||
|
||
![Media Placeholder](https://user-images.githubusercontent.com/52087100/71204177-42ca4f80-227e-11ea-89e6-e92e65370c69.png) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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 <[email protected]>
Co-authored-by: Bia <[email protected]>
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