⬅️ Back to Table of Contents

📄 FinancialContributors

📊 Analysis Summary

Metric	Count
🔧 Functions	1
📦 Imports	7
💠 JSX Elements	14

📚 Table of Contents

• Imports
• JSX Elements
• Functions

🛠️ File Location:

📂 packages/website/src/components/home/FinancialContributors/index.tsx

📦 Imports

Name	Source
Link	@docusaurus/Link
sponsors	@site/data/sponsors.json
Heading	@theme/Heading
clsx	clsx
React	react
Sponsors	../Sponsors
styles	./styles.module.css

---

JSX Elements

Component	Type	Props	Children
section	element	className={styles.financialContributors}
div	element	className="container text--center padding-vert--lg"	, , , ,
Heading	component	as="h2", id="financial-contributors"	text: "Financial Contributors"
p	element	className={styles.details}	text: "The typescript-eslint project would not be possible without the genero...
div	element	className={styles.sponsorsContainer}	, ,
Sponsors	component	className={styles.tierSponsorArea}, includeName, sponsors={sponsors.slice(0, ...	none
Sponsors	component	className={styles.tierSupporterArea}, sponsors={sponsors.slice(6, 16)}, tier=...	none
Sponsors	component	className={styles.tierOtherArea}, sponsors={sponsors.slice(16, 34)}, tier="si...	none
p	element	className={styles.details}	text: "Financial sponsors allow us to keep development of typescript-eslint g...
div	element	className={styles.linksArea}	,
Link	component	className={clsx('button button--primary', styles.become)}, target="_blank", t...	text: "Become a financial sponsor"
div	element	className={styles.linksMore}	,
Link	component	className="button button--info button--outline", target="_blank", to="https:/...	text: "All sponsors"
Link	component	className="button button--info button--outline", target="_blank", title="Spon...	text: "Sponsorship docs"

---

Functions

FinancialContributors(): React.JSX.Element

Returns: React.JSX.Element

Calls:

• sponsors.slice
• clsx (from clsx)

Code

export function FinancialContributors(): React.JSX.Element {
  return (
    <section className={styles.financialContributors}>
      <div className="container text--center padding-vert--lg">
        <Heading as="h2" id="financial-contributors">
          Financial Contributors
        </Heading>
        <p className={styles.details}>
          The typescript-eslint project would not be possible without the
          generous support of our financial contributors.
        </p>
        <div className={styles.sponsorsContainer}>
          <Sponsors
            className={styles.tierSponsorArea}
            includeName
            sponsors={sponsors.slice(0, 6)}
            tier="platinum-sponsor"
            title="Platinum Sponsors"
          />
          <Sponsors
            className={styles.tierSupporterArea}
            sponsors={sponsors.slice(6, 16)}
            tier="gold-supporter"
            title="Gold Supporters"
          />
          <Sponsors
            className={styles.tierOtherArea}
            sponsors={sponsors.slice(16, 34)}
            tier="silver-supporter"
            title="Silver Supporters"
          />
        </div>
        <p className={styles.details}>
          Financial sponsors allow us to keep development of typescript-eslint
          going, including maintaining and improving the project, providing
          support to users, and pushing web ecosystem static analysis forward
          with advances in typed linting.
        </p>
        <div className={styles.linksArea}>
          <Link
            className={clsx('button button--primary', styles.become)}
            target="_blank"
            to="https://opencollective.com/typescript-eslint/contribute"
          >
            Become a financial sponsor
          </Link>
          <div className={styles.linksMore}>
            <Link
              className="button button--info button--outline"
              target="_blank"
              to="https://opencollective.com/typescript-eslint"
            >
              All sponsors
            </Link>
            <Link
              className="button button--info button--outline"
              target="_blank"
              title="Sponsorship docs"
              to="https://github.com/typescript-eslint/typescript-eslint/blob/main/.github/SPONSORSHIPS.md"
            >
              Sponsorship docs
            </Link>
          </div>
        </div>
      </div>
    </section>
  );
}

---

Generated by Syntax Scribe