Stack Overflow
Stack Overflow

Questions tagged [baseweb]

Base Web React UI Framework

https://baseweb.design/

Base Web provides a robust suite of components out of the box. These include complex, ready to use components such as the Datepicker and low-level composable primitives, such as Layer.

19 questions
1
vote
1 answer

How to change the styles of Base Web Button component on click?

I want to change the color and background color of the Base Web Button component on button click using React. How can I change the styles of the button on button click? I tried to use $isSelected prop to detect clicking, but this didn't help me.…
Utku Demir
  • 74
  • 7
1
vote
1 answer

Overriding Option in Base Web Menu breaks keyboard bindings

Update August 20: @mark_reeder and I had a follow up chat on the Base Web Slack. Mark explained to me that you can pass a component to the label prop (as opposed to passing a string). So now, instead of overriding Option with my own custom…
Neil Girardi
  • 4,533
  • 1
  • 28
  • 45
1
vote
1 answer

Override BaseWeb/baseui Select label

I need to show the number of selected options instead of the actually selected options. Here is what I'd like to achieve, which I created a mockup with manipulating the DOM in the browser inspection. In the baseweb/baseui documentation, it is…
mexam
  • 435
  • 4
  • 14
1
vote
3 answers

Override BaseWeb's File Uploader button label text

Trying to override File Uploader's button text, but ButtonComponent.props has any type, so can't figure out what I am able to pass there. My idea inspired by Button docs was to set children property, but button text remains unchanged. Could anyone…
Yehor Androsov
  • 4,885
  • 2
  • 23
  • 40
1
vote
1 answer

Argument of type is not assignable to parameter of type BaseUI

I get this error when I run now from zeit now: Argument of type '{ "@media only screen and (max-width: 767px)": { width: string; }; }' is not assignable to parameter of type '(props: object & { $theme: Theme; }) => any'. Object literal may only…
Dr4ke the b4dass
  • 1,184
  • 2
  • 17
  • 40
0
votes
0 answers

Reverse mapping in any library using styletron

I'm using baseweb, it uses styletron internally (https://styletron.org/). Is there a way to get the reverse mapping of classes which are generated by styletron ? Basically I want the original classnames not the ones generated using styletron. I…
Aayush Airan
  • 1
0
votes
0 answers

How to correct the resize handler changing position in text area field in BaseWeb Rect

When I select the text area to add text the position of resize handler changes as shown as below It seems when in focus the text area width reduces inside the parent container of the component as shown below How can I fix this issue the issue is…
Eunice Dhivya
  • 309
  • 4
  • 13
0
votes
0 answers

How can I replace the MonthHeader component within the StatefulCalendar with a custom component that displays just the month name in Base Web?

I am trying to replace the MonthHeader component within a Base Web StatefulCalendar component using overrides but unfortunately I can only get it to return the {monthName} containing an appended year. I have reproduced the issue in a sandbox…
Anthony
  • 317
  • 1
  • 5
  • 23
0
votes
0 answers

How can I use overrides to completely change the layout of the Base Web calendar?

I am using Uber's Base Web framework to create a web app and I would like to use the calendar/datepicker with range in a different layout. This framework is a huge learning curve for me but that's partly why I am using it and I need some help…
Anthony
  • 317
  • 1
  • 5
  • 23
0
votes
0 answers

Why do I get "error ReferenceError: document is not defined" with Nextjs when using Base Web?

I see a couple of answers here on error ReferenceError: document is not defined but none of the solutions work for my particular case. Previously marked as duplicate but isn't the solution and the post is 3 years 9 months out of date and the syntax…
Anthony
  • 317
  • 1
  • 5
  • 23
0
votes
1 answer

need to make timepicker in reactjs like uber timepicker and want now option in dropdown

{val.getDate() === +todayDate ? ( setVal(date)} minTime={new…
Hemendra Mehta
  • 23
  • 1
  • 5
0
votes
0 answers

React Baseweb Datepicker ,disabled all monday with excludeDates prop

i am using datepicker baseweb ui library(https://baseweb.design/components/datepicker/) and i want to exclude all monday or disabled all monday with excludeDates prop. `
Hemendra Mehta
  • 23
  • 1
  • 5
0
votes
1 answer

How can I make my nested navigation menu work on mobile?

I'm using Base Web. I have a menu with a child menu. It's based on this example. On desktop it works fine. I open the menu, I hover on an option, and the child menu appears. However, when I try it on my iPhone I can't access the child menu. Tapping…
Neil Girardi
  • 4,533
  • 1
  • 28
  • 45
0
votes
1 answer

How to make a dictionary of Base Web custom theme styles type safe

I'm using the Base Web UI component framework with my Next.js project. I have extended the Theme object to add some custom colors. I did so in accordance with the instructions here: https://baseweb.design/guides/theming/#extending-the-theme-type.…
Neil Girardi
  • 4,533
  • 1
  • 28
  • 45
0
votes
1 answer

can't change background colour in base web

i am using next js in my project and when i create a button to change colour they only change the base web components colour not background colour. _app.tsx import '../styles/globals.css'; import type { AppProps } from 'next/app'; import { Provider…
Pratham
  • 53
  • 3
1
2