跳到內容
調色盤星雲光譜
選擇版面配色

即時套用,保留目前的亮暗模式。

TeamSection (am-team-section)

TeamSection 用 profile 陣列呈現成員圖片、姓名、職稱、簡介與可選的社群連結,適合 company、about 與 hiring 頁面。沒有圖片時會提供不依賴外部資產的 initials fallback。

---
import TeamSection from "@astromer/core/components/TeamSection.astro";
---
<TeamSection
title="Meet the team"
description="A small group making the web feel more considered."
columns={3}
members={[
{
name: "Ariel Chen",
role: "Design systems lead",
bio: "Turns complex product decisions into calm, reusable patterns.",
socialLinks: [{ label: "LinkedIn", href: "https://www.linkedin.com/", external: true }],
},
]}
/>

元件只負責 profile presentation 與 accessible link 結構;成員資料、圖片資產、社群 URL、隱私與第三方社群 API 均由 consumer 管理。詳見 playground /playground/marketing/