Stack Overflow
Stack Overflow

Questions tagged [blueprintjs]

Blueprint, a React UI toolkit for the web.

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

143 questions
1
vote
1 answer

How to limit the CSS only affected in a particular npm package?

Here is a npm package I am using: http://blueprintjs.com/docs/#components.usage I would like to use their component with CSS, but I don't their CSS affect to my own CSS. Is this possible to allow the CSS package ONLY affected in that npm components?…
DNB5brims
  • 29,344
  • 50
  • 131
  • 195
1
vote
2 answers

BlueprintJS RadioGroup/Radio issue with defaultChecked/checked prop

I'm trying to setup a RadioGroup component that has the Radio component with the 'Data' label initially checked. But when I use the following code: { this.store.setDataFilterSelection(e.target.value) }} > …
spakmad
  • 880
  • 6
  • 15
1
vote
2 answers

Is the Blueprintjs navbar CSS only?

After installing the Blueprintjs core package I wanted to get started with the Navbar component but when I import it, it is not found within the node module. In the github repo there is only a SCSS file in the component's directory while in the docs…
Jeroen
  • 33
  • 7
1
vote
1 answer

blueprintjs with laravel 5.2 and webpack with elixir

based on feedback from @michael-jungo, I've rewritten this question here: laravel-elixir v6 sass-loader imports I'm on laravel 5.2 and want to used blueprintjs which uses webpack tilde alias in paths, e.g. @import…
xanld
  • 977
  • 1
  • 11
  • 22
1
vote
1 answer

Replace Blueprintjs css with Bootstrap css

I'm using Blueprint React components inside a page that uses Bootstrap 2 framework. I would like to replace Blueprint component styling with Bootstrap. What would be the best approach to accomplish this?
Dmitry
  • 4,143
  • 10
  • 46
  • 57
1
vote
1 answer

blueprintjs Table with redux

I have troubles with a blueprintjs table with redux. Here I am trying to maintain the row selection thru redux. I am fairly new to react/redux so maybe I am missing something? I tried the same component without redux (i.e. the selection modifies the…
brunesto
  • 430
  • 3
  • 11
1
vote
2 answers

What is the CSS API?

Noob Question: Is the intention of the cSS API to make it possible to use the components as normal HTML without the need for any additional React code? Does the usage of only the CSS API therefore require the inclusion of the React JS package or…
user3886632
  • 87
  • 3
  • 9
1
vote
1 answer

How to use blueprintjs without Typescript?

I am new to React and I just stumbled to amazing Blueprint components. However, I am unable to use it and I am confused by the installation guide. Its quite different from what I am used so far. Can anyone explain me how to use Blueprint without…
Memmo Fiero
  • 109
  • 7
1
vote
1 answer

How to import less files when HtmlWebpackPlugin is used

Presently, I am using HtmlWebpackPlugin and hot reload for development to generate an html file that includes the javascript bundle. This works fine with the following webpack configuration: const HtmlWebpackPlugin =…
Svetlin Ralchev
  • 614
  • 6
  • 5
0
votes
0 answers

BlueprintJS: How to close a select popup on click outside?

In the official documentation, the select popup dropdown has the behavior that it gets closed automatically when the user clicks anywhere outside the popup. This can be seen here: https://blueprintjs.com/docs/#select/select-component In my own…
Martin Häusler
  • 6,544
  • 8
  • 39
  • 66
0
votes
0 answers

Solving Cell-alignment issue in BluePrintJS's Table2 object

Following the below stock example of the BlueprintJS Table2 object, I encounter a cell alignment issue as per the attached image from the below. Do you have any tips on how to get this to display properly? import React from 'react'; import { Cell,…
P B
  • 21
  • 2
0
votes
1 answer

Highlight dates in DatePicker BlueprintJs

In my ReactJs project, I'm using DatePicker from BlueprintJS, and I have a list of dates const dates = ['2023-05-10', '2023-05-13', '2023-05-15'] How can I highlight or make them be selected on my DatePicker by default? I tried to use…
Rimad
  • 11
  • 1
0
votes
0 answers

Unit testing not working (Jest + RTL) on Hotkey Provider React JS

I use Hotkey Provider from Blueprint JS (blueprint js docs), and I'm not sure how to test it. It was something like : {({ handleKeyDown, handleKeyUp }) => (
0
votes
0 answers

How to validate email addresses in Blueprint JS TagInput?

I'm trying to do an email sending form which accepts multiple email addresses as a receiver (to address), I'm using Blueprintjs TagInput for that. I want there to be an error message or perhaps an Intent.DANGER on the tag if the entered email…
Kristi R
  • 1
  • 1
0
votes
0 answers

Why is scrollToActiveItem prop not working in blueprintjs Select2 component?

} activeItem={ingredient} …
Owenn
  • 638
  • 1
  • 6
  • 23
1 2 3
…
9 10