Happy Sunday，今天依舊為大家帶來一些輕鬆番外篇，讓我們再來看看今年的另一個活動吧! 今年除了參加了 iThome 所舉辦的雲端大會外，過去在日本舉辦的線下使用者活動 kintone hiv...
其實我們目前已經可以輕易的就做出以下的 component： 純文字類型：Title, Subtitle, Link, Divider 有一點特殊功能但其實也很好做：Download File Bu...
在一個專案當中，標單數入元件通常會有統一的外觀風格，讓整個系統看起來更一致、整齊。<AtomicFormField> 是用來渲染表單欄位的元件。它是 <input>、<...
對話框（Dialog）是一種常見的網頁元件，通常用來顯示重要的資訊或要求使用者進行某些操作。Dialog 在顯示時會暫停其他頁面內容的操作，強制使用者集中注意力於 Dialog 的內容。Dialog...
如果要希望在不換頁的前提上塞入更多畫面無法容納的資訊，Modal 經常會是網頁設計師的首選之一。如果要從 UI 樣式上細分，又可以延伸出像是對話框（Dialog）、抽屜（Drawer）等不同變化以因...
分隔線（Divider）元件在 UI/UX 設計中扮演重要的輔助角色，用於在視覺上區分不同的內容區域，增強版面結構的清晰度和可讀性。 在實際網頁開發中，大多數時候我們會選用 CSS Class 來達...
Badge 元件是一種簡單但功能強大的資料展示元件，通常以小圓形的形式出現，依附於其他 UI 元件上。Badge 元件主要用於通知提醒，顯示未讀訊息、通知數量，或是狀態指示如上線中、離線、忙碌等。...
看這個元件的名稱不難發現，它的靈感來自手風琴（Accordion）這個樂器。在網頁裡面，Accordion 算是一個常見的設計。它是一個垂直堆疊的標題列表，當點擊時會顯示或隱藏內部相關的內容。在 U...
Dropdown 是一個用於顯示和選擇選項的 UI 元件，通常由一個觸發按鈕或文字組成，當使用者點擊該按鈕或文字時，會展開一個選單列表，列出多個選項供使用者選擇。選項可以是簡單的文字或帶有 Icon...
麵包屑導覽列（Breadcrumb）是一種常見的導航元件，其名稱源自格林童話《糖果屋》，故事中兩兄妹用麵包屑標記回家的路徑。在網站中，麵包屑導覽列起到了類似的指路功能，用於顯示使用者在網站中的位置，...