Stack Overflow
Stack Overflow

Questions tagged [blueprintjs]

Blueprint, a React UI toolkit for the web.

Blueprint: https://blueprintjs.com/docs/

143 questions
27
votes
10 answers

Initializers are not allowed in ambient contexts error when installing Blueprint

I'm trying to use the @blueprintjs/core library in my project. However, when I compile my code, I'm getting many errors like this: node_modules/@blueprintjs/core/dist/common/classes.d.ts(4,30): error TS1039: Initializers are not allowed in ambient…
JKillian
  • 18,061
  • 8
  • 41
  • 74
21
votes
1 answer

How to customize colors in blueprintjs?

Right now what blueprint's main css file has some classes like pt-intent-primary, pt-intent-success, pt-intent-warning; etc. i want to change the default colors of some of these classes. Should i import its source .scss file in my code(if Yes How?)…
Vikramaditya
  • 5,444
  • 6
  • 34
  • 45
9
votes
0 answers

Popper.js: how to set position fixed strategy with modifiers?

I'm trying to implement a context menu using BlueprintJs Popover component; that uses Popper.js to position the popover, under the hood. The problemis that: I have fixed elements and absolutely positioned elements (with transform css property set to…
Istvan Szasz
  • 1,307
  • 17
  • 31
8
votes
5 answers

Blueprintjs: SassError: (path: (fill: #5c7080)) isn't a valid CSS value

I am trying to develop a blueprintjs custom theme. In my main.scss, import blueprintjs scss files like: @import "~@blueprintjs/core/lib/scss/variables.scss"; $pt-intent-primary: #110630; @import "~@blueprintjs/core/src/blueprint.scss"; Then…
Joy
  • 9,430
  • 11
  • 44
  • 95
5
votes
1 answer

blueprintjs Select Component onItemSelect Function Doesn't Run

I'm just trying to output text to the console when I click on a MenuItem in the dropdown menu. Can anyone spot what I'm doing wrong? There isn't much help on this topic besides the example component in the docs. itemRenderer(item) { return ( …
dctalbot
  • 113
  • 1
  • 9
4
votes
1 answer

How to switch themes(light and dark) for all child components in a react application in blueprintjs v3?

I am writing an application in react and need a way to switch between dark mode and light mode. I could not find any document within blueprintjs docs which mentions how to change theme of all child components with some parent prop configuration.
ajaykumar
  • 646
  • 7
  • 17
4
votes
0 answers

How to use async data source for blueprintjs Select component?

The official way to filter items is the itemListPredicate event handler. It is documented here: https://blueprintjs.com/docs/#select/select-component.querying The problem is that itemListPredicate has this signature: export declare type…
nagylzs
  • 3,954
  • 6
  • 39
  • 70
4
votes
2 answers

How to make a select in Blueprintjs use (or simulate) fill? Or even be fixed-width?

I have made a select control using the documentation as an example. However, the button changes its width depending on the width of the text for the selected item. This makes the control jump around and is not a good UI design. Is there a way to…
Mike Viens
  • 2,467
  • 3
  • 19
  • 23
4
votes
2 answers

React test with jest does not honor moduleNameMapper from webpack aliases

I am using jest and enzyme to test my react component. I am also using blueprint icons as one of the dependency in my react component. As part of my webpack config, following is added: config.resolve.alias = { blueprintIcons:…
Rujoota Shah
  • 1,251
  • 16
  • 18
4
votes
3 answers

how to customize blueprintjs appearance in create-react-app

I'm new to react and I build my applications with : create-react-app applicationame --scripts-version=react-scripts-ts I don't use webpack because create-react-app does all for me, and I think it's just fine ! Of course I need a toolbox for smart…
Riccardo Cohen
  • 133
  • 1
  • 9
3
votes
1 answer

Change months names from DateInput BlueprintJS

So I'm using the BlueprintJS datetime package in a React project to render a birthday picker and I want to set the months names of the select to the Spanish version. In their documentation says they use react-day-picker in order to render the…
Alberto
  • 1,348
  • 2
  • 14
  • 28
3
votes
1 answer

Render table row by key from list of objects

I'm trying to bind my data to a blueprint.js Table , however the docs are unclear on how to do this. How do I create a custom render function for a blueprint.js Table to render the key from a list of objects? In the example rowIndex is passed by…
pyCthon
  • 11,746
  • 20
  • 73
  • 135
3
votes
1 answer

selectedRegionTransform to handle onClick on Blueprint JS Table cell

I´m trying to capture onClick events on cells in Blueprints JS-table. My goal is to trigger a method in a sibbling component that will show info about the selected (clicked) row in the table. When googling the subject I found this pull request where…
Kalle
  • 452
  • 2
  • 4
  • 19
3
votes
3 answers

How to render a table with blueprintjs/table

I'm attempting to display a json array of data within a blueprintjs table. The table should be dynamic in it's rendering (number of rows and columns), so to display whatever is in the json array. In production, the json array will come from an API…
JavascriptLoser
  • 1,853
  • 5
  • 34
  • 61
3
votes
1 answer

Responsive navbar in Blueprint?

I am trying to use Blueprint in my new project instead of Bootstrap. How can I make a responsive navbar in Blueprint?
DirtyMind
  • 2,353
  • 2
  • 22
  • 43
1
2 3
…
9 10