Início / coding / Perguntas / 79351860
Accepted
rkuang25
Asked: 2025-01-13 18:25:52 +0800 CST

Qual é o equivalente no Tailwind do componente estilizado til (~)?

  • 772

Como escrevo o equivalente do Tailwind para este componente estilizado?

// Item is a div
const Clone = styled(Item)`
  ~ div {
    transform: none !important;
  }
`;

Isso vem do codesandbox . Ao arrastar da coluna da direita, ele evita que pareça que um elemento extra foi inserido (Clone) uma vez que o arrasto começa.

css

1 respostas

  1. Best Answer

    O til é gramática CSS, não componentes estilizados específicos. Assim, você pode usá-lo em uma variante arbitrária do Tailwind como [&~div]:!transform-none. Também é possível contornar a necessidade dele inteiramente como e aplicar !transform-nonesomente quando estritamente necessário como:

    <div className={snapshot.isDragging ? '!transform-none' : ''}
    • 2

relate perguntas