Skip to content

Incompatible with tailwind #127

@FranciscoKloganB

Description

@FranciscoKloganB

Recently detected that it is not possible to define width and height using tailwind directives because defaultStyles, is applied on rect.

const RectShape: React.FC<Props> = ({ className, style, color }) => {
  const defaultStyle = {
    backgroundColor: color,
    width: '100%',
    height: '100%',
    marginRight: 10
  };

  return (
    <div
      className={joinClassNames('rect-shape', className)}
      style={{ ...defaultStyle, ...style }}
    />
  );
};

Would you mind modifying the API to support these use cases or would you be open to a PR without breaking changes, which allowed both behaviours?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions