gravity-ui / uikit Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://gravity-ui.com
License: MIT License
Home Page: https://gravity-ui.com
License: MIT License
children
to component typings,ReactDOM.render
We need to check migration guide https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html
Build static storybook and publish to public domain
ex. first "ArrowDown" keypress moves cursor to 0th element instead of selectedItemIndex+1
No animation and no copied text on click
By default it follows CSS transition rules: angle is increasing - move clockwise, angle is decreasing - move counterclockwise. We should able to control this.
When I put TextInput
with prop autoFucus=true
inside Popup
, the first time popup is opened, it scrolls to the top of page. This does not happen with further openings.
Reproduced in sandbox: https://codesandbox.io/s/zbgwlr
Replace direction props (left, right, top, bottom) with logical one (inline-start and etc.)
@yandex-cloud/browserslist-config
postcss-env
Hi, thank you for your awesome library.
I wondered if you could make more examples and a demo, maybe in form of GitHub pages. I think it s pretty important for a UI library to have a showcase.
onOpenChange
renderControl
Currently Table is rendering all rows into React tree. If there is a ton of rows, scrolling becomes laggy.
The idea is to attach link to local storybook on every PR. Storybooks may use same domain, but different path. After PR merge storybook become no longer available.
All the floating items now have the same color --yc-color-base-float
but in fact we have two classes of float items — modals and popups. Modals are the ones displayed on top of a veil thet mutes the page. And popups are the ones with a shadow like lists in selects, suggests etc.
In dark mode all the backgrounds are dark and in some modals we display popups and the shadow doesn't work well to separate these items.
So, let's have another semantic variable for the modals — all the floating components with a veil.
--yc-color-base-modal
--yc-color-private-white-1000
--yc-color-private-black-rock-850
Let's assign this variable as a background for the modal
Let's change the veil color --yc-color-sfx-veil
in dark theme to optimize modal readability
--yc-color-private-black-600
with value rgba(0, 0, 0, .6)
Proposal:
<Text variant="display-1" tag="h1" className="title">
My Text
</Text>
In the code MenuItemProps
inherits from QAProps
but when I pass the value^ nothing is changed in the output html. Seems line qa
prop is not handled in the component
Currently is s
, but should be m
.
Maybe we could delete it so it does not confuse users
Hi, I would like to use skeleton to show preload and I wondered if it could be passed styles
prop directly, or maybe width/height props. It seems tiresome to create new classes for each element to stub.
Or maybe there are some best practices on how to use this skeleton
outline
is disabled for many components in uikit (like <Button/>
). This cause major issue for using library with keyboard.
I suggest that it should be changed to using :focus-visible
instead. This change will disable outline only for mouse pointer and preserve it for keyboard users.
I can provide PR for this change.
Display 4
, size 48/52pxTitle
to Header 2
, size 24/28pxHeader
to Header 1
, size 20/24pxSubheader 3
- 500, size 17/24pxSubheader 2
- 500, size 15/20pxSubheader 1
- 500, size 13/18pxBody
to Body 1
and it's line-height to 18pxСaption 1
- regular weight, size 11/16pxBody 1 Short
- regular weight, size 13/16pxWe should also try to add fallbacks from medium to bold weight in case when current font doen't have medium weight. For example, medium variant of Arial or Helvetica on macOS should fallback to bold.
It seems like the RadioButton
component does not call the onFocus
and onBlur
callbacks. This sometimes prevents the error messages in forms to be shown.
Maybe we could make so those method would be called like on a native radio/checkbox
Hi, thank you for your awesome library.
I was working with Popover
component and discovered that even if I disable it the cursor stays as pointer
. Is this a desired behaviour.
Here is a link to you storybook with Popover
disabled.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.