Showcase Feedback Component

I developed this component to conveniently showcase the advantages and drawbacks of specific technologies. providing readers with a clear understanding of their strengths and weaknesses.

With all props

readme.mdx

<Feedback
  title="Tailwindcss pros and cons"
  pros={[
    "Enables fast and efficient styling with pre-defined utility classes.",
    "Highly customizable through configuration, allowing you to tailor styles to your project's needs.",
  ]}
  cons={[
    "Some team members may find the utility-first approach initially challenging.",
    "Limited support for global styles, which might be needed for certain design patterns.",
  ]}
/>

Tailwindcss pros and cons

Enables fast and efficient styling with pre-defined utility classes.

Highly customizable through configuration, allowing you to tailor styles to your project's needs.

Some team members may find the utility-first approach initially challenging.

Limited support for global styles, which might be needed for certain design patterns.

With only pros props

readme.mdx

<Feedback
  pros={[
    "Enables fast and efficient styling with pre-defined utility classes.",
    "Highly customizable through configuration, allowing you to tailor styles to your project's needs.",
  ]}
/>

Enables fast and efficient styling with pre-defined utility classes.

Highly customizable through configuration, allowing you to tailor styles to your project's needs.

With only cons props

readme.mdx

<Feedback
  cons={[
    "Some team members may find the utility-first approach initially challenging.",
    "Limited support for global styles, which might be needed for certain design patterns.",
  ]}
/>

Some team members may find the utility-first approach initially challenging.

Limited support for global styles, which might be needed for certain design patterns.

Without title props

readme.mdx

<Feedback
  pros={[
    "Enables fast and efficient styling with pre-defined utility classes.",
    "Highly customizable through configuration, allowing you to tailor styles to your project's needs.",
  ]}
  cons={[
    "Some team members may find the utility-first approach initially challenging.",
    "Limited support for global styles, which might be needed for certain design patterns.",
  ]}
/>

Enables fast and efficient styling with pre-defined utility classes.

Highly customizable through configuration, allowing you to tailor styles to your project's needs.

Some team members may find the utility-first approach initially challenging.

Limited support for global styles, which might be needed for certain design patterns.

With title as MDX children

readme.mdx

<Feedback
  pros={[
    "Enables fast and efficient styling with pre-defined utility classes.",
    "Highly customizable through configuration, allowing you to tailor styles to your project's needs.",
  ]}
>
 
### Tailwindcss pros ✅
 
<span style={{ color: "rgb(var(--success))" }}>Tailwindcss is great</span> !
 
</Feedback>

Tailwindcss pros ✅

Tailwindcss is great !

Enables fast and efficient styling with pre-defined utility classes.

Highly customizable through configuration, allowing you to tailor styles to your project's needs.

PreviousGitHub Follower Management