使用者工具

網站工具


computer:web:component

差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

兩邊的前次修訂版前次修改
下次修改
前次修改
computer:web:component [2020/03/30 08:38] – [Notification] wmcomputer:web:component [2025/05/14 14:04] (目前版本) – [Carousel] wm
行 1: 行 1:
 ======Component====== ======Component======
 +  * [[https://open-ui.org/|Open UI]]
 +  * [[https://webawesome.com/|Web Awesome]]
 +  * [[https://storybook.js.org/showcase|Component Encyclopedia]]
 +  * [[https://component.gallery/|The Component Gallery]]
   * [[https://inclusive-components.design/|Inclusive Components]]   * [[https://inclusive-components.design/|Inclusive Components]]
   * [[http://tympanus.net/codrops/category/blueprints/|Blueprints]]   * [[http://tympanus.net/codrops/category/blueprints/|Blueprints]]
 +  * [[https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/|A Complete Guide To Accessible Front-End Components]]
   * [[http://tympanus.net/codrops/2012/12/21/slider-pagination-concept/|Slider Pagination Concept]]   * [[http://tympanus.net/codrops/2012/12/21/slider-pagination-concept/|Slider Pagination Concept]]
   * [[http://tympanus.net/codrops/2014/05/28/arrow-navigation-styles/|Arrow Navigation Styles]]   * [[http://tympanus.net/codrops/2014/05/28/arrow-navigation-styles/|Arrow Navigation Styles]]
行 100: 行 105:
   * [[https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html|The Tale of Three Spinners]]   * [[https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html|The Tale of Three Spinners]]
   * [[https://connoratherton.com/loaders|Loaders.css]]   * [[https://connoratherton.com/loaders|Loaders.css]]
 +  * [[https://uiball.com/loaders|Loaders]]
 ====Notification==== ====Notification====
 +  * [[https://sonner.emilkowal.ski/|Sonner]] (Toast, React)
 +  * [[https://github.com/ardeora/solid-toast|Solid Toast]]
   * [[http://tympanus.net/codrops/2014/07/23/notification-styles-inspiration/|Notification Styles Inspiration]]   * [[http://tympanus.net/codrops/2014/07/23/notification-styles-inspiration/|Notification Styles Inspiration]]
   * [[https://adamsilver.io/articles/the-problem-with-snackbars-and-what-to-use-instead/|The problem with snackbars and what to use instead]]   * [[https://adamsilver.io/articles/the-problem-with-snackbars-and-what-to-use-instead/|The problem with snackbars and what to use instead]]
行 107: 行 115:
 ====Upload==== ====Upload====
   * [[http://markusslima.github.io/bootstrap-filestyle/|Bootstrap FileStyle]]   * [[http://markusslima.github.io/bootstrap-filestyle/|Bootstrap FileStyle]]
 +==== Tree ====
 +  * [[https://github.com/brimdata/react-arborist|React Arborist]]
 =====Layout===== =====Layout=====
 ====Grid==== ====Grid====
行 128: 行 138:
 ==== Carousel ==== ==== Carousel ====
   * [[https://pawelgrzybek.github.io/siema/|Siema]]   * [[https://pawelgrzybek.github.io/siema/|Siema]]
 +  * [[https://www.embla-carousel.com/|Embla Carousel]]
 =====Table===== =====Table=====
 +  * [[https://tanstack.com/table/|TanStack Table]]
   * [[http://tympanus.net/codrops/2014/01/09/sticky-table-headers-columns/|Sticky Table Headers & Columns]]   * [[http://tympanus.net/codrops/2014/01/09/sticky-table-headers-columns/|Sticky Table Headers & Columns]]
 =====Form===== =====Form=====
行 136: 行 148:
   * [[http://tympanus.net/codrops/2014/07/30/fullscreen-form-interface/|Fullscreen Form Interface]]   * [[http://tympanus.net/codrops/2014/07/30/fullscreen-form-interface/|Fullscreen Form Interface]]
 ====Input==== ====Input====
 +  * [[https://imask.js.org/|imask]]
   * [[http://tympanus.net/codrops/2014/11/04/simple-morphing-search/|Simple Morphing Search]]   * [[http://tympanus.net/codrops/2014/11/04/simple-morphing-search/|Simple Morphing Search]]
 ====Checkbox==== ====Checkbox====
computer/web/component.1585557528.txt.gz · 上一次變更: 2020/03/30 08:38 由 wm