Roadmap & Progress

Implementation status

	Issue	Status	Design
StatusQ.Core
`StatusBaseText`	#20	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1%3A9
`StatusIcon`	#2	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=63%3A0
`StatusIconBackgroundSettings`	-	✅
`StatusIconSettings`	-	✅
`StatusImageSettings`	-	✅
`StatusModalHeaderSettings`	-	✅
StatusQ.Core.Theme
`StatusColors`	#3	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1%3A10
`StatusDarkTheme`	#3	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1%3A10
`StatusLightTheme`	#3	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1%3A10
`Theme`	#3	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1%3A10
`ThemePalette`	#3	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1%3A10
StatusQ.Components
`StatusBadge`	#15	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=817%3A4719
`StatusChatInfoToolBar`	#141	✅
`StatusChatList`	#100	✅
`StatusChatListAndCategories`	#133	✅
`StatusChatListCategory`	#123	✅
`StatusChatListCategoryItem`	#123	✅
`StatusChatListItem`	#65	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=853%3A3088
`StatusChatToolBar`	#80	✅
`StatusContactRequestsIndicatorListItem`	#175	✅
`StatusDescriptionListItem`	#73	✅
`StatusLetterIdenticon`	#28	✅
`StatusListItem`	#19	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=792%3A80
`StatusListSectionHeadline`	#164	✅
`StatusLoadingIndicator`	#7	✅
`StatusNavigationListItem`	#72	✅
`StatusNavigationPanelHeadline`	#162	✅
`StatusNotification`	#104
`StatusRoundIcon`	#53	✅
`StatusRoundedImage`	#32	✅
`StatusThemeSelector`	#105
StatusQ.Controls
`StatusAudioMessage`	#207	-	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1%3A11
`StatusBaseButton`	#6	✅
`StatusBaseInput`	#106	🚧
`StatusButton`	#6	✅
`StatusChatInfoButton`	#79	✅
`StatusChatInput`	#201	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=861%3A3288
`StatusChatInputImageArea`	#211
`StatusChatInputReplyArea`	#210
`StatusChatInputFormatter`	#209
`StatusChatListCategoryItemButton`	#117	✅
`StatusCheckBox`	#10	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=706%3A1642
`StatusEmojiPicker`	#204		https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1%3A11
`StatusFlatButton`	#6	✅
`StatusFlatRoundButton`	#6	✅
`StatusIconTabButton`	#16	✅
`StatusNavBarTabButton`	#17	✅
`StatusPickerButton`	#202
`StatusPickerToolbar`	#206
`StatusRadioButton`	#11	✅
`StatusRoundButton`	#6	✅
`StatusSlider`	#13	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1380%3A676
`StatusStickerPicker`	#205		https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1%3A11
`StatusSwitch`	#12	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=706%3A1628
`StatusTextArea`	#203
`StatusToolTip`	#14	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=721%3A1878
`StatusTransactionsPicker`	#208
`StatusWalletColorButton`	#101
`StatusWalletColorSelect`	#102
StatusQ.Layout
`StatusAppLayout`	#77	✅
`StatusAppNavBar`	#18	✅
`StatusAppTwoPanelLayout`	#78	✅
StatusQ.Platform
`StatusMacTrafficLights`	#108	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1394%3A6954
`StatusWindowsToolBar`	#200		https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=1398%3A55
StatusQ.Popups
`StatusMenuItem`	#74	✅
`StatusMenuSeparator`	-	✅
`StatusModal`	#97	✅	https://www.figma.com/file/MtAO3a7HnEH5xjCDVNilS7/🎨-Design-System-⎜-Desktop?node-id=706%3A1043
`StatusWizard`
`StatusModalDivider`	#97	✅
`StatusPopupMenu`	#96	✅
`StatusTextFormatMenu`	#103

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`	在筆記中貼入程式碼
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.