Convert a PHP date format to a jQueryUI Datepicker date format

[EDIT] : I guess people had problem to understand exactly what I mean, so I completely rewrote my explanations. I work on a project where users can define a date format used in the whole site. It...

Using CSS transform: translate(...) with ReactJS

According to https://facebook.github.io/react/tips/inline-styles.html CSS styles need to be passes as an object to the component. However, if you are trying to use transform styles you will get an error.

How to import a CSS file in a React Component

I want to import a CSS file into a react component. I've tried import disabledLink from "../../../public/styles/disabledLink"; but I get the error below; Module not found: Error: Cannot resolve...

How can I use CSS in ReactNative

Can I use CSS for styling my ReactNative component. Currently I can only use StyleSheet like this: var styles = React.StyleSheet.create({ autocomplete: { backgroundColor: '#FFF', zIndex:...

How to get primary or accent color of currently applied theme in angular material 2

I'm building an app with multiple theme with angular material design 2. I created multiple theme and it's working really great. Using this guideline : Angular Material design theme But the problem...

Center text inside Text component, React Native

I have Text component slightly higher than the actual text inside it. Is it possible to align center this text inside its background vertically? Text is here: <Text...

How to make React CSS import component-scoped?

I have several components which have the following CSS/component structure About/style.css .AboutContainer { # Some style } p > code { # Some style } And I import the CSS in the...

How do I use /deep/ or >>> or ::v-deep in Vue.js?

So, I've read here that in Vue.js, you can use /deep/ or >>> in a selector in order to create style rules that apply to elements inside of child components. However, attempting to use this in my...

VueJS - Unit testing with vue-test-utils gives error - TypeError: _vm.$t is not a function

Relatively new to Vuejs and testing its components. Using vue-test-utils and jest for testing. Getting following error test log The .vue file consists of template, component and styling. Below is...

vue.js component inline style concatenation

I'm stuck with a vue.js component inline style concatenation. My code is the following: components: { 'twitter-item': { props: ['procolors'], template: '\ <div...

How to fix 'Static HTML elements with event handlers require a role.'?

My reactjs styledcomponent contains this code: <a styling="link" onClick={() => this.gotoLink()}> <SomeComponent /> </a> This works fine but the eslint is complaining: Static HTML elements...

Scroll restore to top on navigation change

I am having a problem with scrolling, when navigating using react-router. When I am navigating to a different component it is keeping the scroll position from the last navigation. However I want...

Is there a way to add dark mode to my application with SCSS?

I've been set the task of adding a toggle on an angular web application which will allow users to switch from the default light mode theme to a dark mode theme. I can't find a way to successfully...

If my .vue files are all the same, how can I avoid repetition?

I am new to Vue and there is a lot I like about it, but I do not like putting my templates, scripts, and styles all in the same file. Instead I'd rather split the concerns by doing: <template...

what will happen for vuejs projects based on class components in vuejs v3.0?

I wanna upgrade my vuejs project to typescript based on class components, but i read in vue issue's https://github.com/vuejs/rfcs/pull/17#issuecomment-494242121 : Update: the Class API proposal...

After update from Angular 8 to Angular 9, 'ng generate component' generates a .css file instead of .scss

In my project I had set up SCSS as the style. Now after the update from Angular 8 to 9, when I use the CLI to generate a new component, a CSS file is generated where I expect an SCSS file to be generated.

Material UI: Use theme in React Class Component

I am looking for something like ThemeConsumer (which probably doesn't exist). I've React component and I am using withStyles() higher-order component to inject custom styles. It's pretty well...

How to implement Step Progress bar in React-Native?

I'm trying to develop a step progress bar in react-native, but so far no success. It must contain 3 dots (filled or not, based on params), a description below it and a line connecting all of them....

How to change z-index of Angular CDK Drag and Drop?

I am using the Angular Material CDK Drag and Drop Functionality in my application. The drag and drop functionality is working fine, unless I am using it within a dialog (for most components I am...

How to implement loading screen in Next.js

I am new in nextjs and using nextjs v9.3, next-redux-wrapper v5, @material-ui/core v4.2, and custom express server. I am trying to implement a loading screen when changing routes in my Nextjs app...

How can I style the LoadMoreButton component, getstream's react-activity-feed?

I am using getstream's react-activity-feed, react components to create activity and notification feeds using Stream. I would like to style the LoadMoreButton component, which is passed as the...

Some classes have no effect after adding Tailwind.css to a Vue.js project

I am trying to add Tailwind.css to a Vue.js project. There are a lot of resources on how to do this, most of them following the same path as this video. To make sure I was in the same conditions...

How to use custom props and theme with material-ui styled components API (Typescript)?

I'm attempting to use the Material UI styled components API to inject both a custom theme, and some props to a particular custom element. I have either a custom theme or some props working, but...

Netlify "build.command" failed for gatsby website

I've recently updated some plugins on my Gatsby website. It works fine locally but it is failing the deploy on Netlify. The error I'm getting is: "build.command" failed - Command was killed with...

React not rendering correctly layout after redirect

I have an app that uses styled-components and material-ui. I have private routes configurated, based on the user role and if the user is not authenticated I should return him to login page. But...

Customisable component library in ReactJS

I'm trying to create a customisable ReactJS component library. I've considered create-react-library for the purpose. Component development is almost finished. I've placed all my components in...

How can I add style prop as control in Storybook?

I am building a design system library in React and TypeScript using Storybook. Most components support setting custom styles using the style prop. I am trying to reflect this in Storybook using...

React-Phone-Input-2 customize border of input on focus

I would like to change the color of the border of the input on focus, but not sure how to achieve it. I can change the styles the component but not when focusing. I´m using material-ui css...

Styling react-alice-carousel dots

I have a react carousel added to one of my components. Here is the code: <div className={styles.carouselContainer}> <AliceCarousel mouseTracking ...

styled-components/macro isn't working with CRA

When i install a new create-react-app and add babel-plugin-styled-components and add displayName option to babel-plugin-macros.config.js it isn't adding readable classNames as in the documentation...

Relevant tags