Questions tagged [blueprintjs]

Blueprint, a React UI toolkit for the web.

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

143 questions
2
votes
1 answer

Changing a Blueprint MultiSelect input placeholder text

I am looking for a way to replace the "Search..." default input string. Looking through the Blueprint Labs docs for the MultiSelect component (and example page) I am unable to find a way to set the rendered input's placeholder text. I had assumed it…
simoes
  • 4,897
  • 4
  • 23
  • 28
2
votes
1 answer

How do I use Colors in BlueprintJS?

At the top of my react file I include the following: import { Colors } from '@blueprintjs/core'; How do I go from this point on to using the colors such as @blue3? const homeStyle = { background: '@blue2'; }; This doesn't seem to work.
Shahzeb Khan
  • 437
  • 3
  • 12
2
votes
1 answer

How can I completely disable transition for popover?

I know I can use hoverOpenDelay={0} and hoverCloseDelay={0}, but there is still a 100ms opacity transition on the popover container that I'm unable to change, as far as I can tell. I would like to remove this transition so the popover appears…
Will
  • 41
  • 5
2
votes
1 answer

Do I have to use TypeScript with the MultiSelect (labs) component in Blueprint.js

I'm busy experimenting with Blueprint.js and the MultiSelect component, which I undestand is still in active development: http://blueprintjs.com/docs/#labs.multiselect I have never used TypeScript and it is stated that // Select is a generic…
turkeyman84
  • 165
  • 1
  • 9
2
votes
1 answer

Can custom icons be used with Blueprintjs components?

I'm considering using Blueprintjs in an application. Is it possible to use custom SVG icons in the button, menu and navbar components? All the examples I've seen use the built-in icon set. The app I'm developing would rely heavily on custom icons so…
dommer
  • 19,610
  • 14
  • 75
  • 137
2
votes
2 answers

BlueprintJS Module build failed due to syntax error

I am getting the following errors when I run npm run storybook. I am almost positive it's due to something I am missing in my webpack.config or a missing npm package. I have researched as much as I know how/what to look for to fix this issue and…
hungrysquirrel
  • 391
  • 3
  • 3
2
votes
1 answer

BlueprintJS Tree add key prop

I am using BlueprintJS UI components for my ReactJS webapp. I want to get rid of the warning when using the Tree component to render a file explorer: Each child in an array or iterator should have a unique "key" prop. Check the render method of…
Freshchris
  • 1,211
  • 4
  • 17
  • 34
2
votes
1 answer

Tabs2 re-renders on state change, effectively rendering the renderActiveTabPanelOnly prop useless

Not sure what I'm missing here: looking at the example source code in both uncontrolled mode and controlled mode call a setState method on tab change (https://github.com/palantir/blueprint/blob/master/packages/core/examples/tabs2Example.tsx).…
spakmad
  • 880
  • 6
  • 15
2
votes
2 answers

Any way to import individual components instead of entire set?

I don't need all of the components provided in the 'core' library and was hoping to treeshake/selectively choose which components to import. I've tried a few variations and experiments based on other successes but can't seem to get this one to…
Alex
  • 111
  • 7
2
votes
1 answer

removing row header in blueprintjs table

What is the proper way to remove the row header in blueprintjs table ?
brunesto
  • 430
  • 3
  • 11
2
votes
1 answer

Minimal Webpack 2 setup for BlueprintJS won't load CSS

I'm trying to create a simple webpack 2 setup for experimenting with BlueprintJS and TypeScript. I think I'm close, but CSS is not loading properly. Here is the directory structure for this…
2
votes
2 answers

Can't find css for datetime module

I found I can use this css link: https://unpkg.com/@blueprintjs/core@^1.11.0/dist/blueprint.css for blueprint. Where do I get the CSS for the datetime module from? It looks like this at the moment:
kev
  • 8,928
  • 14
  • 61
  • 103
2
votes
2 answers

Idiomatic React for Blueprintjs Toast component

The Blueprint UI library provides a Toaster component that displays a notice for a user's action. From the documentation, it's used by first calling const MyToaster = Toaster.create({options}), followed by MyToaster.show({message: 'some…
plod
  • 77
  • 6
1
vote
1 answer

Could not resolve "~@blueprintjs/core/lib/css/blueprint.css" when using esbuild

I am unable to import blueprint.js css files using @import in a css file using esbuild - no webpack. @import "~normalize.css"; @import "~@blueprintjs/core/lib/css/blueprint.css"; @import "~@blueprintjs/icons/lib/css/blueprint-icons.css"; I receieve…
JJWALLACE
  • 51
  • 9
1
vote
1 answer

ReactJS rendering [object Object] when I try to use backticks and map through my array of objects

I am using a BlueprintJS button and my code look something like this:
Owenn
  • 638
  • 1
  • 6
  • 23
1 2
3
9 10