Blueprint, a React UI toolkit for the web.
Blueprint: https://blueprintjs.com/docs/
Questions tagged [blueprintjs]
143 questions
0
votes
2 answers
useEffect appears to be triggered before render completion
I have this React component where I'm trying to move focus to a specific div after the component has finished rendering.
I've tried debugging in my browser and the containerRef is never set. When I pause execution on the line that reads: if…
zkwsk
- 1,960
- 4
- 26
- 34
0
votes
1 answer
Make sure that prop is a value from a constant - TS
I have a const in a library (blueprintjs).
export const Intent = {
NONE: "none" as "none",
PRIMARY: "primary" as "primary",
SUCCESS: "success" as "success",
WARNING: "warning" as "warning",
DANGER: "danger" as "danger",
};
export…
arunmmanoharan
- 2,535
- 2
- 29
- 60
0
votes
0 answers
How to add a button in Toaster in BluePrintJS react?
I can add a button in my toaster of BluePrintJS using React.createElement.
Example:
Toaster
.create()
.show({
message: React.createElement('button', {}, 'MyButton'),
intent:…
Mithhu
- 145
- 1
- 7
0
votes
2 answers
How can I style "Tabs Example" from blueprintjs?
I'm trying to use BlueprintJs in a small project and I'm coming up with a problem where the style does not appear as I would expect. As I'm sure it's something quite simple I hope someone can point me in the right direction.
I want to use the Tabs…
P.Gracia
- 214
- 1
- 2
- 9
0
votes
1 answer
BlueprintJS not rendering components
https://codesandbox.io/s/blueprint-sandbox-f6ekm
Some components with BlueprintJS are not working.
I'm following the docs but it doesn't work at all.
GN.
- 8,672
- 10
- 61
- 126
0
votes
1 answer
BlueprintJS / React - trouble retrieving TagInput > Tag value via onClick
In a React/BlueprintJS app, I have a TagInput. I need to access the string value of any Tag when clicked. For simplicity, let's assume I just need to console.log(value).
I can't seem to locate the Tag's value in the callback. Based on the…
JDR
- 107
- 7
0
votes
1 answer
How to make PhpStorm autocomplete props from a node_modules library
In my React project I've installed blueprintjs as a dependency.
When I do this in code:
import {Popover} from "@blueprintjs/core";
...
render() {
...
Tool
- 12,126
- 15
- 70
- 120
0
votes
2 answers
Is there a way to click the Radio button of a Blueprintjs Radio Component when doing an automated test using CucumberJS and Selenium?
I am doing automation testing using CucumberJS with Selenium Webdriver. I am trying to click on the radio button in a form using this piece of code :
try {
let gender = driver.findElement(By.css("input[type=radio][value=Miss.]"))
gender.click()
…
Megha Verma
- 1
- 1
0
votes
1 answer
Is there an easy way to use BlueprintJS Icons in React Native?
I want to use these icons:
https://blueprintjs.com/docs/#icons
In my react native project. Wondering if there is an easy solution.
dd_123
- 93
- 1
- 7
0
votes
1 answer
Add "small" attribute or .bp3-small on BlueprintJs DateInput
I'm using controls from BlueprintJS in my application and there is an attribute on the input box called "small" that adds the class ".bp3-small" to it to reduce the fontsize and component height. However this doesn't seem to be available on the…
Troy Peterson
- 461
- 1
- 5
- 16
0
votes
1 answer
Set Input ref value for screen reader
I am running into trouble trying to set the input ref value on a blueprintjs Select component. Visually, the component works fine but I need the current highlighted option to be read by a screen reader. For some reason the screenreader(NVDA) reads…
its30
- 253
- 3
- 17
0
votes
1 answer
Tabable or otherwise keyboard controllable Menu / Menu Items with blueprint.js
I am trying to set up a Menu with blueprint.js' Popover, Menu and MenuItem classes.
I've so far tried it the controlled and uncontrolled way but both ways I just run into a dead end.
Controlled Menu: I tried setting up hotkeys for the navigation so…
Enie
- 649
- 5
- 18
0
votes
1 answer
How to implement infinite scrolling in blueprintjs table
Has anyone implemented infinite scrolling in BlueprintJS table ?
My requirement is to fetch the table date from an api as the user scrolls the table.I have tried with onCompleteRender props of BlueprintJS table but it does not meet my…
Harikrishnan
- 1,097
- 8
- 13
0
votes
1 answer
CSS in blueprintjs doesn't load correctly
I'm using Filter Input from blueprintjs in a reactjs project, but the style doesn't load correctly, here's my code:
Assigning.jsx
import './Assigning.scss';
export default class Assigning extends Component {
render() {
return (
gretty volk
- 591
- 1
- 4
- 10
0
votes
1 answer
Displaying icon in select form
I have already read several issues about displaying icons in former versions of blueprintjs. Mine concerns blueprint 2.0.0-rc.2 and feel it's an importing problem.
I am using webpack and importing blueprint v2 the following way:
In index.html:
alexis_thual
- 324
- 3
- 15