style-guide
style-guide copied to clipboard
:art: Brainly Front-End Style Guide
Hi Input component with `range` type looks cool https://github.com/brainly/style-guide/blob/ec04a14a5df8e5137545065a1c162e187eed547f/src/components/form-elements/Input.jsx#L25 ![bf6003c0-de13-432e-b310-8f61bebb1b95](https://user-images.githubusercontent.com/5789670/91413138-5c7f5600-e853-11ea-9bb0-d6cc96c45335.gif) Unfortunately, it doesn't have a friendly appearance for the [range control with hash marks](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#A_range_control_with_hash_marks) I think this is kind of...
Add onKeyDown to every onClick for accessibility: everywhere where onClick is added we should add onKeyDown and on enter passed onClick should be fired
Hi Can we have new options to specify border color and size for the Avatar component. It has border option to specify the border with only white color but it...
`` component has `margin*` props with predefined values. IMHO those should also go to components as `Headline` & `Text` etc. WDYT?
Currently our spinner is created entirely in CSS (using `border-radius` technique). This is completely fine and performant solution. It has a flaw though in the context of brainly process. It...
i.e https://github.com/brainly/style-guide/blob/master/CONTRIBUTING.md#importing-dependencies
Hi What do you think about support for 3 additional, value + event related props? `counter` prop is for adding a counter at the bottom right corner of the textarea...
Providing different color to AccordionItem might be a good option since it's using the Box component and I think it can also extend Box component's `ColorType` as an additional prop...
Hi The Label components text element is selectable right now. If this is not intentional, what do you think about adding `user-select: none;` to Label's primary element to prevent selection?...
Currently `FlashMessage` accepts `text` prop IMHO it would be great to have the possibility to pass more complex components e.g. `` to FlashMessage ```jsx SOME MESSAGE ClickMe ```