nextui-org/tailwind-variants

custom tw height is not overwritten correctly

achtan opened this issue · 1 comments

achtan commented

Describe the bug
A clear and concise description of what the bug is.

const getStyles = tv({
  slots: {
    container: 'flex h-hairline',
  },
  variants: {
    vertical: {
      true: {
        container: 'w-hairline h-full',
      },
    },
  },
})

To Reproduce
classname from getStyels({vertical: true}) is flex h-hairline w-hairline h-full should be flex w-hairline h-full

Desktop (please complete the following information):

  • OS: OS X
  • Browser: chrome
  • Version: 1.64.122 Chromium: 123.0.6312.122 (Official Build) (arm64)

Additional context
we have custom height and width in tw configs called hairline

mskelton commented

You are likely missing configuration for tailwind merge.

You can read about configuring tailwind merge in the docs: