快速拖放以獲得任何技術堆疊上的任何體驗
文檔| ?範例| ?它是如何運作的
實用拖放是一個低階拖放工具鏈,可以安全、成功地使用內建拖放功能的瀏覽器。實用的拖放功能可用於任何視圖層( react
、 svelte
、 vue
、 angular
等)。實用的拖放功能正在為網路上一些最大的產品提供動力,包括 Trello、Jira 和 Confluence。
實用的拖放由幾個高級部分組成:
實用拖放包含一個核心包和許多可選包,它們為您提供創建任何拖放體驗的各個部分。
這些作品對視覺語言或可訪問性沒有任何意見,也不依賴 Atlassian 設計系統。
4.7kB
核心我們創建了可選的視覺輸出(例如我們的掉落指示器),使我們能夠超快地建立一致的 Atlassian 使用者體驗。歡迎非 Atlassian 消費者使用這些輸出,創建自己的輸出來複製視覺樣式,或走完全不同的方向。
並非所有使用者都能實現基於指標的拖放體驗。為了為輔助科技使用者帶來美妙的體驗,我們提供了一個工具鏈,使您能夠快速連接高效能的輔助科技友善流程,以獲得任何體驗。
我們提供的可選輔助控制裝置是基於 Atlassian 設計系統。如果您不想使用 Atlassian 設計系統,您可以使用我們的指南並用您自己的元件替換我們的元件,或者如果您選擇,也可以採用不同的方式來實現可訪問性。
該儲存庫目前是我們內部單一儲存庫的鏡像,其中包含用於實用拖放的所有程式碼。
該儲存庫的目的是公開我們的程式碼,但不接受程式碼貢獻(現階段)。將來我們可以探索建立一個雙向鏡像,以便對該儲存庫的貢獻也可以返回到我們的單一儲存庫。仍然歡迎您對此存儲庫提出問題或建議!
所有文件和npm
包都是公開的,可供所有人使用
是的!實用的拖放作為一個小的核心包,然後是一系列可選包。一些可選包依賴樣式解決方案(例如emotion
)、視圖庫(例如react
)或一些附加的Atlassian輸出(例如@atlaskit/tokens
)。我們已經分離出具有其他依賴項的可選包,以便它們可以輕鬆地與使用您自己的技術堆疊和視覺輸出的您自己的部分進行交換。
是的!我們創建了一些設計指南,體現了我們希望如何在產品中實現拖放,其中一些決策體現在一些可選套件中。但是,您可以自由使用您喜歡的任何設計語言,包括我們的語言!
@atlaskit
? Pragmatic 拖放包發佈在npm
上的@atlaskit
命名空間下
import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter' ;
@atlaskit
是npm
命名空間,我們從內部 monorepo 內部發布所有公共包。我們可以考慮在將來創建一個單獨的命名空間,僅用於實用的拖放操作。如果我們這樣做,我們將發布一些工具來幫助人們自動切換。
用愛製作:
務實的拖放站在巨人的肩膀上,包括創建拖放規範、在瀏覽器中實現拖放的人們以及在此之前出現的許多拖放庫。