版面 Layout
版面結構元件，用於頁面整體布局。
Footer 頁尾
頁尾元件。
Container 容器
容器元件，提供響應式最大寬度。
Container 元件提供響應式的最大寬度限制和水平置中。
Separator 分隔線
分隔線元件，用於視覺分隔內容區塊。
基本分隔線 Basic
第一段內容
第二段內容
帶文字 With Text
使用電子郵件登入
或
使用社群帳號登入
垂直分隔線 Vertical
項目 A
項目 B
項目 C
淡色變體 Subtle
使用淡色分隔線可以創造更微妙的視覺效果
適合在不需要強烈視覺區隔的情況下使用
Brand 品牌
品牌標誌元件，顯示公司或應用的名稱和圖示。
帶圖示 With Icon
帶標誌圖片 With Logo
自訂標誌 Custom Logo
Profile 個人資料
個人資料元件，顯示使用者頭像和名稱。
基本樣式 Basic
帶頭像 With Avatar
帶下拉箭頭 With Chevron
圓形樣式 Circle
Card 卡片
卡片容器元件，用於包裹相關內容。
簡單卡片 Simple
確認刪除？
您的文章將被永久刪除。
此操作無法復原。
帶間距 With Spacing
登入您的帳號
歡迎回來！
無內距 No Padding
精選圖片
使用 !p-0 移除卡片內距，適合全寬圖片。
Spacer 間隔
間隔元件，用於 flex 佈局中自動填充剩餘空間。
水平間隔 Horizontal
左側內容
多個元素 Multiple Items
文件標題
最後修改：2 小時前
API 參考 Reference
所有版面元件的屬性和選項說明。
flux:separator
|
屬性
|
值
|
說明
|
|---|---|---|
| vertical | boolean | 顯示垂直分隔線 |
| variant | default, subtle | 分隔線樣式 |
| text | string | 在分隔線中顯示的文字 |
flux:brand
|
屬性
|
值
|
說明
|
|---|---|---|
| name | string | 品牌或應用名稱 |
| logo | URL | 標誌圖片網址 |
| href | URL | 點擊後導向的網址（預設為 /） |
flux:profile
|
屬性
|
值
|
說明
|
|---|---|---|
| name | string | 使用者名稱 |
| avatar | URL | 頭像圖片網址 |
| chevron | boolean | 顯示下拉箭頭 |
| circle | boolean | 使用圓形樣式 |
flux:card
|
屬性
|
值
|
說明
|
|---|---|---|
| class | CSS classes | 額外的 CSS 類別（如 space-y-6, !p-0） |
flux:container
|
屬性
|
值
|
說明
|
|---|---|---|
| class | CSS classes | 額外的 CSS 類別 |
Container 元件提供響應式的最大寬度限制和水平置中。