Answers for "Using conditional tailwind classes for twin.macro"

Whatever

0

Using conditional tailwind classes for twin.macro

import tw from 'twin.macro'

const Component = ({ hasBg }) => (
  <div
    css={[
      tw`flex w-full`, // Add base styles first
      hasBg && tw`bg-black`, // Then add conditional styles
    ]}
  >
    <div tw="w-1/2" />
    <div tw="w-1/2" />
  </div>
)

Posted by: Guest on April-25-2022

Source

Code answers related to "Using conditional tailwind classes for twin.macro"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Python

Javascript

Whatever

Shell/Bash

CSS

Html

PHP

SQL

Java

C#