Webinar Registration
Calls to action
Source and install need .
pnpm dlx shadcn@latest add @assembli/community-sectionCommunity Section
Join-the-community section for open-source and developer products. Channel cards for GitHub, Discord, discussions, newsletter and YouTube count their numbers up on view, a contributors wall shows a gliding hover card per face and ends in a +N chip, a list of good first issues links each one, and a weekly community call shows in the visitor's own time zone.
Props
Other props pass through to the root element.
eyebrow
React.ReactNode
Default
"Community"title
React.ReactNode
Default
"Built in the open, with thousands of developers"intro
React.ReactNode
Default
"Ferrule is MIT-licensed and shaped by the people who use i…channels
CommunityChannel[]
Default
DEFAULT_CHANNELScontributors
CommunityContributor[]
Default
DEFAULT_CONTRIBUTORStotalContributors
number
Default
1276Everyone, including those not shown. The chip shows how many more there are.
contributorsHref
string
Default
"#"contributorStats
{ label: string; value: number | string }[]
Default
DEFAULT_STATSA row of figures at the foot of the contributors card. Numbers count up on view.
contributionsLabel
string
Default
"contributions"Unit after the count in the hover card, e.g. "commits".
issues
CommunityIssue[]
Default
DEFAULT_ISSUESissuesHref
string
Default
"#"event
CommunityEvent | null
Default
DEFAULT_EVENT
| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | React.ReactNode | "Community" | |
| title | React.ReactNode | "Built in the open, with thousands of developers" | |
| intro | React.ReactNode | "Ferrule is MIT-licensed and shaped by the people who use i… | |
| channels | CommunityChannel[] | DEFAULT_CHANNELS | |
| contributors | CommunityContributor[] | DEFAULT_CONTRIBUTORS | |
| totalContributors | number | 1276 | Everyone, including those not shown. The chip shows how many more there are. |
| contributorsHref | string | "#" | |
| contributorStats | { label: string; value: number | string }[] | DEFAULT_STATS | A row of figures at the foot of the contributors card. Numbers count up on view. |
| contributionsLabel | string | "contributions" | Unit after the count in the hover card, e.g. "commits". |
| issues | CommunityIssue[] | DEFAULT_ISSUES | |
| issuesHref | string | "#" | |
| event | CommunityEvent | null | DEFAULT_EVENT |
Related
Block
App Download
Calls to action
Newsletter Section
Calls to action
Cohort Seats CTA
Calls to action