2.4.9 Design System - Input Checkbox/Radiobox

人生真的很奇妙 可能在某个时间轴曾经跟某个人的时间轴交错 但当下是不认识的
然後在几年过後又再次交错而认识彼此并建立起 Networking
你永远不知道在人生中遇到的人是谁 也搞不好那个会伸出援手的人就是萍水相逢而认识的

今天要看一下两种选择的 box,checkbox 通常是用户可以有多选的情况下会使用、单选则是会使用 radiobox
Checkbox&Radiobox 跟按钮一样会有多种状态,Focus, Error, Disable, Selected, Unselected 等等
https://ithelp.ithome.com.tw/upload/images/20211003/20142064PQdiyqsnY8.png
来源:Material Design

目前设计上还没有遇到 checkbox 分子母项,需要呈现为 Indeterminate 状态的情况
通常在母项选择後,子项会呈现全选的状态
但如果用户直接选择子项,母项的 checkbox 就会转为 Indeterminate 状态
https://ithelp.ithome.com.tw/upload/images/20211003/201420645ZhwhOuLm3.png

另外,有些情况可能不太适用 checkbox,比如说当要开启某项功能时,可能就使用 Toggle switch 开关会比较适合。

也要考量到,如果用户是没有滑鼠、使用键盘的操作模式


因为是周末,所以我又想偷懒一下了!

Day 18 End


<<:  D18 - 彭彭的课程# Python Package 封包的设计与使用

>>:  [Day18] 第十八章-API资料如何呈现在前端的页面上(blade跟view呈现)

卡夫卡的藏书阁【Book9】- Kafka Partition Reassign

“The meaning of life is that it stops.” ― Franz K...

解决line图文选单404问题

真的超哭,搞了很久才发现LINE的API有换过,所以URL要换成别的网址。 疯掉XD,这篇文主要分享...

Day30 - 铁人赛总回顾

没想到居然从第一天慢慢坚持到最後一天了! 这三十天中,我们快速学习了Java的语法,包含基本型态、型...

Day 16 : 模型衡量指标

由於我们需要有指标来衡量一个模型的好坏,而问题可以粗略分成「分类」和「回归」问题。而根据不同的问题,...