Describe the issue <div class="highlight highlight-source-tsx notranslate positi

There is a known issue in the ESLint plugin when used with dynamic styles.

color value must be one of about stylex HOT 1 CLOSED

huangxinbo commented on July 26, 2024

color value must be one of

from stylex.

Comments (1)

nmn commented on July 26, 2024

There is a known issue in the ESLint plugin when used with dynamic styles.
But what you're trying to do here is invalid anyway.

StyleX's dynamic styles are for truly dynamic values that cannot be known ahead of time. They're not to be used for conditionally applying styles. Create two separate style objects and merge them conditionally instead.

import * as stylex from "@stylexjs/stylex";

const styles = stylex.create({
  taskListExpander: {
    paddingLeft: "1rem",
    fontSize: "0.6rem",
    userSelect: "none",
    paddingLeft: "1rem",
  },
  taskListExpanderWithSymbol: {
    color: "#f58320",
    cursor: "pointer",
    padding: "0.15rem 0.2rem 0rem 0.2rem",
    paddingLeft: null,
  },
});

stylex.props(styles.taskListExpander, expanderSymbol && styles.taskListExpanderWithSymbol)

from stylex.

Related Issues (20)

Document the requirement for a CSS file in a Next.js Project HOT 1
Nested pseudo classes within pseudo elements HOT 5
TypeError: String.prototype.concat called on null or undefined (v0.6.1) HOT 13
Release notes HOT 1
Is stylex/open-props automatically generated from argyleink/open-props? HOT 5
Color Format issues HOT 2
[Question] How to get generated styles filename if use stylex on server with webpack?
Errors displaying an error line and part of code
CSS Custom Property Inheritance Problem HOT 3
How to capture var values for third-party library styling? HOT 2
A good way to write complex css + compose local styles would be nice. HOT 1
esbuild plugin has undeclared dependency on babel-plugin-syntax-hermes-parser
How to Contribute
Examples for reference for better understanding HOT 1
Support of swapping underlying variables while using hierarchical variable references HOT 12
Remove non-standard CSS properties from types
Unable to run StyleX with Next.js HOT 14
How to Contribute
Question: what pattern should be used for DRY values in style keys?

color value must be one of about stylex HOT 1 CLOSED

Comments (1)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent