components
Here are 1,814 public repositories matching this topic...
Example request
implement redux-toolkit with next.js
Describe the solution you'd like
A detailed example how to properly implement redux-toolkit with next.js
Existing Component
Yes
Component Name
el-scrollbar
Description
I'm trying to add a scrollbar to an aside menu with el-scrollbar componant but I have some difficulty due to missing entry in the documentation.
My case is exactly the same as the documentation: a fixed header, a scrollable sidebar menu and a scro
I'm confused about whether onFocus/onBlur events should bubble in preact, like they do in React.
In this example using preact 10.0.0-beta.1 they don't bubble https://codesandbox.io/embed/5wxk9zk7lx
...whereas in the Preact repl they do bubble https://preactjs.com/repl
export default () =>(
<div onFocus={() => console.log("FOCUS")}>
<div>
Focus this input
Environment
Mac OS 10.15.3, Chrome 80.0.3987.122, Vue 2.5
Reproduction link
https://jsfiddle.net/nLkrdwc5/
Steps to reproduce
Add 'tree' property to 'columns' data, refresh (the feature should appear), nothing changes
What is expected?
TreeData feature should be displayed:
https://www.iviewui.com/components/table-en#TreeData
W
VUX version
2.9.4
OS/Browsers version
windows/Google-chrome 75版本
Vue version
2.6.10
Code
F:\code\vux2\docs>node compile
fs.js:646
return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
^
Error: ENOENT: no such file or directory, open 'F:\cEnvironment
- Package version(s):
@blueprintjs/core ^3.22.3 - Browser and OS versions: Mac OS X Chrome 79.0.3945.88
If possible, link to a minimal repro (fork this code sandbox):
Steps to reproduce
Spotted this while building a <ControlGroup> that contained buttons, selects, and some dividers.
`
- Framework7 version: 5.3.0
- Platform and Target: tested in Android and Web
- Live Link or JSFiddle: https://jsfiddle.net/z8c1xsg9/4/
Describe the bug
No-toolbar and no-navbar classes doesnt hide them
Expected behavior
While having a common navbar and a common toolbar (direct view or views children) expected the classes no-toolbar and no-navbar to hide them.
Actual Behavi
Follow up from #4453
Currently, documentation for <b-table> really only discusses and provides examples for the row-selected event:
https://bootstrap-vue.js.org/docs/components/table/#row-select-support
The only places the row-clicked event is mentioned are:
https://bootstrap-vue.js.org/docs/components/table/#data-row-accessibility
https://bootstrap-vue.js.org/docs/components/table
Description
Bit does not generate docs for React TS components.
for example:
https://bit.dev/eden/react-ts-demo
Specifications
- Bit version: 14.7.4
- Node version: 10.15.3
- npm / yarn version: 6.4.1 / 1.16.0
- Platform: macOS
- Bit compiler (include version): bit.envs/compilers/react-typescript@3.1.44
- Bit tester (include version):
Context and additional inf
- components:
Input,CustomInput,CustomFileInput - reactstrap version
#8.4.1 - import method
es - react version
#16.12.0 - bootstrap version
#4.3.1
What is happening?
Input's that are invalid (i.e. have the invalid prop set to true), do not have the aria-invalid attribute applied.
What should be happening?
Invalid input's have aria-invalid attribute.
Ste
Overview of the problem
Buefy version: [0.8.12]
Vuejs version: [2.6.10]
OS/Browser: Ubuntu Chrome 80.0.3987.106, various browsers on Windows (Firefox, Chrome, ...) not 100% sure as I don't have Windows machine handy. Works properly on Ubuntu Firefox 73.0.1
Description
Disabled options in select are not grayed out.
Steps to reproduce
Go to: https://buefy.org
Network component seem to be poorly documented on how to use with Layers, as well as interactivity. My immediate desire is to be able to show some information about a node on hover (or always), such as a label. I can't seem to find anything about this anywhere, and it seems to be a very common use case for this type of data visualization. There isn't much to learn from an unlabeled graph.
Ideal
Steps to reproduce:
- Open https://rebassjs.org/flex
- Click on "Getting Started" (or any item on the left menu)
Expected:
Sends you to "Getting Started Page"
Actual:
Nothing happens. You need to click "Getting Started" a second time, to actually get sent there.
Basically you need to click left nav items twice instead of once, before getting sent to the page.
Website Feedback
I thought I'd give some feedback on how the https://reactcosmos.org could be better, I'm happy to help with some of these items, but better to write them down and discuss them first.
- The website works really well as a marketing site right now, but it doesn't really capitalize on that by calling users to action. It should tell them to "Get Started" or "Install" with either a big button to
The example found in the documentation for Table - Edit is not working properly since it uses the messageService but it's not declared on the constructor.
How import stylesheets-files?
@import url('https://fonts.googleapis.com/css?family=Spectral&display=swap');Came up with the following solution:
import {create} from 'jss';
create().createStyleSheet({
'@import': 'url(https://fonts.googleapis.com/css?family=Spectral&display=swap)'
}).attach();But I would like to do it in global styles.
But the `j
TL;DR
- Make sure you're based on the
masterbranch - Refactor all rules as in #902
- Write a comment with the rule you're going to work on before sending a PR
It's been a MAJOR or MINOR version of the library has been released. There are enough things to release the version 2.0 but I need your help.
I wrote new [Contribution Guidelines](https://github.com/Respect/Validation/blob
Bug description
For a custom tab heading with an input element. It is not possible to insert a space in this input.
It seems that the space is not possible because of this code block:
Plunker/StackBlitz that reproduces the issue
🚀 Feature request
Motivation
Similar to Reach UI, if the project declares what screen readers and browser combinations are tested, it gives adopters confidence that the components take into account different screen reader quirks to deliver the best UX.
Example
Quote from Reach UI:
Each component is tested with Safari + Voiceover, Firefox + NVDA
Website improvements
In version 1.0.1: Which is the event that is fired when the close is triggered for an UiModal? It seems that these 2 have the same purpose (by reading the docs):
close
Emitted when the modal is hidden (i.e. when the close transition completes).Listen for it using @close.
hide
Emitted when the modal close transition completes.Listen for it using @hide.
In version 0.8.9 I thin
Describe the bug
By clicking See guide in Library Screen the app opens a broken link.
To Reproduce
Steps to reproduce the behavior:
- Go to Home Screen
- Click Library
- Scroll down
- Click in See Guide link
- Wait Browser open Doc Page
- See error
Expected behavior
Open Install local library guide page
Screenshots
Expected Page
 would be really helpful.
Do you want to request a feature or report a bug (建议还是bug) ?
bug
What is the current behavior? (现有状况)
https://github.com/weui/react-weui/blob/master/src/components/tab/tab.js#L38
Can't change defaultIndex after first render.
What is the expected behavior? (应有状况)
Update this.state.index after
-
Updated
Mar 20, 2020 - JavaScript
Improve this page
Add a description, image, and links to the components topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the components topic, visit your repo's landing page and select "manage topics."



I tried to follow the initial steps from here: https://www.learnstorybook.com/intro-to-storybook/react/en/get-started/
running:
Then when I ran:
npx -p @storybook/cli sb initI get the error
TypeError: Cannot set property 'storybook' of undefinedThis is the full message in my terminal: