styleguide
styleguide copied to clipboard
The VTEX Design System and React component library.
Used for the overlay on modal windows, etc. Should have the alpha channel embedded—i.e., it should be `rgba`.
**Describe the bug** On the RadioGroup component, when labels change regarding selected value (exemple above), the whole page scrolls up when changing option. ![image](https://user-images.githubusercontent.com/5256673/89330374-86839500-d666-11ea-981e-8d647b251239.png) **To Reproduce** On [Styleguide's page](https://styleguide.vtex.com/#/Components/Forms/RadioGroup), change...
**Describe the bug** In the [AutocompleteInput](https://styleguide.vtex.com/#/Components/Forms/AutocompleteInput) component there's no size related prop, making harder to adjust it's size. **To Reproduce** **Steps to reproduce the behavior:** With the [InputSearch](https://styleguide.vtex.com/#/Components/Forms/InputSearch) component it's...
Components list: - [ ] Button - [ ] Checkbox - [ ] Dropdown - [ ] Input - [ ] Link - [ ] Modal (@thayannevls ) - [...
Example: https://github.com/vtex/styleguide/pull/1153 - [ ] ActionMenu - [ ] Alert - [ ] AutocompleteInput - [ ] Box - [ ] Button - [ ] ButtonGroup - [ ] ButtonPlain...
We have a not equal align in our buttons, should we fix or is this on purpose? ![Screen Shot 2020-06-18 at 16 02 14](https://user-images.githubusercontent.com/1321766/85061411-26e82d80-b17d-11ea-9881-f6db6066aa66.png)
**Describe the bug** When we use the `` component inside the ``, which is outside the `iframe` as stated in this example: ```tsx {...} ``` The styles of the Multiselect...
**Describe the bug** This is not actually a bug, I think it would be nice for us if we remove the prop `data-testid` from the production build because it has...
### Context `data-testid` attribute is part of the [Cypress' best practices guide](https://docs.cypress.io/guides/references/best-practices.html#Selecting-Elements) and in order for our components to be well tested, we need to add this. ### Components (Feel...
## Overview Create an Animation component with the basics animation as Drawer, Fade in/out, Scale etc. ## Purpose At this time, when a component needs animation, it has to implement...