Skip to content

Remove extra whitespace between variants and defaultVariants in Heading #29

@MohamadSalman11

Description

@MohamadSalman11

Before You Submit

Describe the issue

The Heading component has unnecessary empty lines between variants and defaultVariants in the cva call.

Goal: Remove the blank lines between variants and defaultVariants.

Current:

const variants = cva('text-grey-light font-bold', {
  variants: {
    as: {
      h1: 'text-4xl sm:text-6xl sm:leading-16',
      h2: 'text-3xl sm:text-5xl',
      h3: 'text-base'
    }
  },

  defaultVariants: {
    as: 'h1'
  }
});

After cleanup:

const variants = cva('text-grey-light font-bold', {
  variants: {
    as: {
      h1: 'text-4xl sm:text-6xl sm:leading-16',
      h2: 'text-3xl sm:text-5xl',
      h3: 'text-base'
    }
  },
  defaultVariants: {
    as: 'h1'
  }
});

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions